bootstrap + simple_form 的 check_boxes inline样式
程序员文章站
2022-07-15 11:54:24
...
使用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.css与layDate日期选择样式起冲突的解决办法
-
修改 bootstrap table 默认detailRow样式的实例代码
-
bootstrap table实现x-editable的行单元格编辑及解决数据Empty和支持多样式问题
-
div的dispaly:inline样式 和span的区别
-
ASP.NET GridView的Bootstrap分页样式
-
bootstrap + simple_form 的 check_boxes inline样式
-
bootstrap + simple_form 的 check_boxes inline样式
-
使用bootstrap和simple_form生成checkbox跟label对齐的问题
-
Angular中Jquery的$无法识别与引入Bootstrap部分样式失效
-
Angular中引入Bootstrap部分样式失效以及Jquery的$无法识别