css - 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>