使用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 缓存:待实现 安全框架:待实现
bootstrap + HTML + CSS 写的网页版问卷调查的静态页面 bootstrap + HTML + CSS 写的网页版问卷调查的静态页面 bootstrap + HTML + CSS 写的网页版问卷调查的静态页面 bootstrap + HTML + CSS 写的网页版问卷调查的...
zend-form-decorators-bootstrap, 用于 Twitter 用户界面 Bootstrap的Zend_Form decorator 用于 Twitter Bootstrap的 Zend_Form decorator这是一组 Zend_Form decorator和帮助器,帮助呈现所需的标记,以将任何Zend_...
基于JSP+Servlet+BootStrap+Jquery的图书管理系统 基于JSP+Servlet+BootStrap+Jquery的图书管理系统 基于JSP+Servlet+BootStrap+Jquery的图书管理系统 基于JSP+Servlet+BootStrap+Jquery的图书管理系统 基于JSP+...
Java毕设:考评系统,采用springboot+bootstrap+jquery Java毕设:考评系统,采用springboot+bootstrap+jquery Java毕设:考评系统,采用springboot+bootstrap+jquery Java毕设:考评系统,采用springboot+bootstrap...
jquery+bootstrap+echarts数据可视化大屏展示特效实例 项目描述: 数据可视化大屏展示用的越来越多,自己也捣鼓做一个。 运行环境: Chrome 项目技术(必填): jquery+bootstrap+echarts
带有 simple_form 和 bootstrap3 的 Rails 表单生成器 安装 将此行添加到应用程序的 Gemfile 中: gem 'simple_form_bootstrap3' 或这一行: gem 'simple_form_bootstrap3', git: '...
大三数据库课程设计上,做的网上购物系统,SSM框架+bootstrap+ajax+页面设计_Shopping_SSM
Bootstrap是Twitter开源的一个用于前端开发的工具集,提供了丰富的CSS样式和JavaScript组件,如响应式布局、导航栏、表单、按钮等,帮助开发者快速构建美观且适应各种设备的网页。 在这个"ssm+bootstrap_ssm增删改...
Bootstrap+JSP+MySQL电商网站源码
1. CSS:包含Bootstrap的核心样式文件以及模板自定义的样式文件,用于控制页面的整体样式和布局。 2. JS:存放JavaScript库和脚本,这些脚本负责交互功能和动态效果,如模态框、下拉菜单、滑动效果等。 3. Fonts:...
例如,你可以使用Bootstrap的`table`类来展示新闻列表,`form`类构建数据输入表单,以及`modal`组件用于弹出确认或提示框。 **jQuery**: jQuery是一个强大的JavaScript库,简化了DOM操作、事件处理、动画效果和...
SpringMVC+Spring+MyBatis+MySql+Bootstrap+Jsp例程,后台由SSM框架实现,前端用JSP+Bootstrap+JS实现,数据库用MySql。 本例程注释清晰,代码格式规范,后台分层清楚,内含数据库创建SQl文件,适合新手参考,访问...
在Axure RP中,Bootstrap4_Theme_Library_v1_axure9元件库是一个专门为Axure RP 9设计的资源包,帮助用户在原型设计过程中便捷地使用Bootstrap的样式和组件。 这个元件库包含了Bootstrap 4的各种组件,如导航栏、...
6. 支持 LESS 动态样式:Bootstrap 支持 LESS 动态样式,可以方便地创建和修改样式。 在 Bootstrap 中,样式排版是非常重要的一方面。Bootstrap 将全局 font-size 设置为 14px,line-height 行高设置为 1.428(20px...
Bootstrap 4.0 是一个流行的前端开发框架,用于构建响应式和移动优先的网页项目。这个资源包"bootstrap_4.0_template"提供了一个基于Bootstrap 4.0的基础模板,适用于快速开发前台和后台界面。下面我们将深入探讨...
总结来说,"bootstrap_4_galvin.rplib_bootstrap_" 提供了一个强大的Bootstrap 4资源集合,包括各种组件、样式和实用工具,帮助开发者构建美观、响应式的Web界面。无论你是新手还是经验丰富的开发者,都能从中受益,...
这些样式可能覆盖了Bootstrap的默认样式,以达到更定制化的展示。 **安装与使用** 在Python环境中,可以通过`pip`工具来安装这个库: ```bash pip install js.bootstrap_image_gallery ``` 然后,在项目中引入...
fileinput组件是全英文的,在fileinput.js之后引入此文件可解决上传组件显示中文
Bootstrap是世界上最流行的前端开发框架之一,它为开发者提供了丰富的组件和样式,用于快速构建响应式、移动优先的网站。"bootstrap_risingjbc_js_bootstrap_"这个标题可能指的是一个定制或扩展版的Bootstrap库,...