Rails 4、Bootstrap - CSS 将内容显示在列中

Question

我正在尝试在 Rails 4.

中制作一个应用程序

我有一个行业列表（动态的）。

我希望用户勾选他们所在的行业。

目前，它显示在一个长列表中。

我希望列表跨列分布，以便使用空格。

如何将此列表输出转换为显示为 3 列选项列表的内容？

                    <div class="row">
            <div class="col-md-3">
              <%= f.association :industries,
                     as: :check_boxes,
                     label_method: :sector,
                     value_method: :id,
                     label: 'Select your industries (up to 3)' %>
<!--                      fix formatting so it spreads across columns -->
            </div>
          </div>

Answer 1

<div id="column">
  <%= f.association :industries,
         as: :check_boxes,
         label_method: :sector,
         value_method: :id,
         label: 'Select your industries' %>
</div>

<style>
#columns {
-moz-column-count: 3;
-moz-column-gap: 20px;
-webkit-column-count: 3;
-webkit-column-gap: 20px;
column-count: 3;
column-gap: 20px;
} </style>

Rails 4、Bootstrap - CSS 将内容显示在列中

Rails 4, Bootstrap - CSS to have content displayed in columns

css

ruby-on-rails

simple-form

twitter-bootstrap