如何从输入中简单地将包装器'col-sm-9'替换为'col-sm-12'?

伊斯梅尔
<%= simple_form_for [blog_post, comment], remote: true do |f| %>
  <div class="row">
    <%= f.input :content, label: false, input_html: { rows: 7 } %>
  </div>
<% end %>

生成下一个代码:

<form>
  <div class="row">
    <div class="form-group text required blog_comment_content">
      <div class="col-sm-9">
        <textarea rows="7" class="text required form-control form-control" placeholder="Comments" name="blog_comment[content]" id="blog_comment_content"></textarea>
      </div>
    </div>
  </div>
</form>

如何将包装器'col-sm-9'替换或替换为'col-sm-12'?

绿色的

您可以在中设置包装器config/initializers/simple_form_bootstrap.rb查看文档simple_form并进行检查example

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在Bootstrap 3中使用col-*-12(col-xs / col-sm等)

来自分类Dev

为什么 col-sm-12 添加了 col-sm 在引导程序中没有的边距?

来自分类Dev

如何在具有4个img的引导程序(col xs-12 col-sm-6 col-md-2 col-lg-2)中居中?

来自分类Dev

引导程序-需要“ col-sm-12”吗?

来自分类Dev

引导程序-需要“ col-sm-12”吗?

来自分类Dev

“ col-xs-12 col-sm-6 col-md-4 col-lg-3”和col-xs-12页面中心

来自分类Dev

调整 Bootstrap“行”以适应各种列“col-xs-12 col-sm-4 col-md-3”?

来自分类Dev

如何在WPBakery中创建vc_col-sm-5和vc_col-sm-7自定义布局?

来自分类Dev

如何调试twitter bootstrap v4-alpha网格?col-sm-offset- *不起作用

来自分类Dev

如何给两个col-sm-6网格框内的边距?

来自分类Dev

如何在http.get()方法成功的情况下为div设置类col-sm

来自分类Dev

如何调试twitter bootstrap v4-alpha网格?col-sm-offset- *不起作用

来自分类Dev

Bootstrap 3 col-xs- ..在ie8中覆盖-sm -md等。

来自分类Dev

Bootstrap col-sm-offset-2不对齐表单中的按钮

来自分类Dev

col-sm-4不适合三列

来自分类Dev

Angular ng-if和更改Twitter Bootstrap col-sm

来自分类Dev

引导表调整/重新组织 col-sm

来自分类Dev

Bootstrap 3 col-sm-offset-x影响col-md-x结构

来自分类Dev

Bootstrap 3.1.1 col-sm-offset-1适用于col-md-5

来自分类Dev

Dompdf prints html bootstrap code as col-sm-x and not as col-lg-x

来自分类Dev

Bootstrap 3 col-sm-offset-x影响col-md-x结构

来自分类Dev

Bootstrap 3混合col-md-3和col-sm-4

来自分类Dev

col-md 覆盖 col-sm 以降低分辨率

来自分类Dev

如何在Rails中使用块函数/ will_paginate将数据生成为col-sm-4?

来自分类Dev

如果分辨率为col-xs或col-sm,引导程序中禁用响应表单字段的正确方法是什么?

来自分类Dev

如何在angularjs中的ng-repeat中进行排序?:<li class =“ col-lg-3 col-md-4 col-sm-6” ng-repeat =“在eventsFromCatalogData中的项目| orderBy:item.id”>

来自分类Dev

Bootstrap应用程序-应用程序的主体似乎并不尊重col-sm-10类

来自分类Dev

Bootstrap col-sm-offset不适用于小型设备

来自分类Dev

为什么我不能并排放置两个col-sm-6?

Related 相关文章

  1. 1

    在Bootstrap 3中使用col-*-12(col-xs / col-sm等)

  2. 2

    为什么 col-sm-12 添加了 col-sm 在引导程序中没有的边距?

  3. 3

    如何在具有4个img的引导程序(col xs-12 col-sm-6 col-md-2 col-lg-2)中居中?

  4. 4

    引导程序-需要“ col-sm-12”吗?

  5. 5

    引导程序-需要“ col-sm-12”吗?

  6. 6

    “ col-xs-12 col-sm-6 col-md-4 col-lg-3”和col-xs-12页面中心

  7. 7

    调整 Bootstrap“行”以适应各种列“col-xs-12 col-sm-4 col-md-3”?

  8. 8

    如何在WPBakery中创建vc_col-sm-5和vc_col-sm-7自定义布局?

  9. 9

    如何调试twitter bootstrap v4-alpha网格?col-sm-offset- *不起作用

  10. 10

    如何给两个col-sm-6网格框内的边距?

  11. 11

    如何在http.get()方法成功的情况下为div设置类col-sm

  12. 12

    如何调试twitter bootstrap v4-alpha网格?col-sm-offset- *不起作用

  13. 13

    Bootstrap 3 col-xs- ..在ie8中覆盖-sm -md等。

  14. 14

    Bootstrap col-sm-offset-2不对齐表单中的按钮

  15. 15

    col-sm-4不适合三列

  16. 16

    Angular ng-if和更改Twitter Bootstrap col-sm

  17. 17

    引导表调整/重新组织 col-sm

  18. 18

    Bootstrap 3 col-sm-offset-x影响col-md-x结构

  19. 19

    Bootstrap 3.1.1 col-sm-offset-1适用于col-md-5

  20. 20

    Dompdf prints html bootstrap code as col-sm-x and not as col-lg-x

  21. 21

    Bootstrap 3 col-sm-offset-x影响col-md-x结构

  22. 22

    Bootstrap 3混合col-md-3和col-sm-4

  23. 23

    col-md 覆盖 col-sm 以降低分辨率

  24. 24

    如何在Rails中使用块函数/ will_paginate将数据生成为col-sm-4?

  25. 25

    如果分辨率为col-xs或col-sm,引导程序中禁用响应表单字段的正确方法是什么?

  26. 26

    如何在angularjs中的ng-repeat中进行排序?:<li class =“ col-lg-3 col-md-4 col-sm-6” ng-repeat =“在eventsFromCatalogData中的项目| orderBy:item.id”>

  27. 27

    Bootstrap应用程序-应用程序的主体似乎并不尊重col-sm-10类

  28. 28

    Bootstrap col-sm-offset不适用于小型设备

  29. 29

    为什么我不能并排放置两个col-sm-6?

热门标签

归档