使用simple_form默认的bootstrap wrapper,默认输出的check_boxes是竖排,要想改成横排,需要在checkbox表单之外的label加上inline样式。使用 :item_wrapper_class => :inline 即可。如下:
<%= f.association :roles, :as => :check_boxes, :item_wrapper_class => :inline %>
我在simple_form的github页面上居然没找到 :item_wrapper_class 这个东西,google之后发现simple_form的github的讨论页面 https://github.com/plataformatec/simple_form/issues/479有人提到。记录在此免得以后忘了。
分享到:
相关推荐
众筹 ...BootStrap jQuery html5/css3 后台 核心架构:SpringBoot Web框架:SpringMVC 持久层框架:Mybatis 数据库连接池:Druid 模板引擎:Thymeleaf 数据库:Mysql 缓存:待实现 安全框架:待实现
zend-form-decorators-bootstrap, 用于 Twitter 用户界面 Bootstrap的Zend_Form decorator 用于 Twitter Bootstrap的 Zend_Form decorator这是一组 Zend_Form decorator和帮助器,帮助呈现所需的标记,以将任何Zend_...
自己整理的spring boot+bootstrap+thymeleaf的模板,传统erp或者管理后台的样式,简单好用。
带有 simple_form 和 bootstrap3 的 Rails 表单生成器 安装 将此行添加到应用程序的 Gemfile 中: gem 'simple_form_bootstrap3' 或这一行: gem 'simple_form_bootstrap3', git: '...
该项目为网上零食销售系统,前后端分离(含有权限管理,高德地图地位,ECharts图形展示等技术),可当作毕业设计。
Jquery+BootStrap+ztree+jqgrid所需js和css文件
基于Mevan的Web工程, 其中有基于Servlet的用户注册、登录、退出功能, 前台利用Bootstrap框架美化, 还附加部分基于Bootstrap框架的JSP网页模板
Vue.js 2 and Bootstrap 4 Web Development(pdf+epub+mobi+code_files).zip
bootstrap+cropper图片裁剪代码
Bootstrap+JSP+MySQL电商网站源码
bootstrap+MVC后台管理系统,可以借鉴学习!bootstrap+MVC后台管理系统,可以借鉴学习
jquery+bootstrap+echarts数据可视化大屏展示特效实例 项目描述: 数据可视化大屏展示用的越来越多,自己也捣鼓做一个。 运行环境: Chrome 项目技术(必填): jquery+bootstrap+echarts
网上零食商城(ssm+bootstrap+jquery+AngularJs+EasyUI)
PHP+Ajax+bootstrap+dataTables无刷新分页表格插件
bootstrap+datatables的引用文件下载
fileinput组件是全英文的,在fileinput.js之后引入此文件可解决上传组件显示中文
java web开发学生宿舍后台管理系统,bootstrap+mysql开发,可用于java毕业设计
Bootstrap+BootstrapTable+x-editable(css和js)整合包 内含 jq,js Bootstrap+BootstrapTable+x-editable内部的js 和css文件,一个整合包满足你的所有需求
对后台的权限设置,角色设置,权限的控制,利用Asp.Net MVC+BootStrap+EF6.0实现简单的用户角色权限管理
bootstrap ace