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>