мультиколонка с использованием начальной загрузки и рельсов

Question

Я использую bootstrap-sass, formtastic-bootstrap, rails 3.2 и ruby ​​1.9.3p0 для нового проекта.Я хочу создать многоколоночную форму и многоколоночную медиа-сетку для списка продуктов.Код ниже.Я использовал два отдельных метода.Первый использует строку <.span для формы, а второй - добавление моего собственного многостолбцового кода CSS в медиа-сетку, и это тоже не работает.Помощь? </p>

Первый метод в форме:

<%= semantic_form_for @product do |f| %>
<%= f.inputs do %>

  <div class="row">
    <div class="span8">
      <%= f.input :name %>
      <%= ... %>
    </div>
  </div>

  <div class="row">
    <div class="span8">
      <%= f.input :description %>
      <%= ... %>
    </div>
  </div>
<% end %>
<% end %>

Второй метод в медиа-сетке:

<div class="row multi-column">
<ul class="media-grid span4">
  <% @products.each do |prod| %>
    <li class="media-grid">
      <div class="well">
        <%= link_to prod.name, prod, :class => "strong" %></br>
        $<%= prod.price %></br>
        <%= prod.available ?  "Available" : "Out of Stock" %>
      </div>
    </li>
  <% end %>
</ul>
</div>

Вот код для многостолбцового css:

.multi-column {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;}

Help ...

Answer 1

Есть ли у вас float:left на что-нибудь там? Сегодня я просто поиграл с мультиколонкой в ​​Twitter Bootstrap и заметил, что это сломало ее.

Answer 2

В настоящее время я работаю над помощником, который делает это для rails, и извлекаю из него следующий код:

- (0..items.size - 1).each do |i|
  - if i % 3 == 0
    \<div class="row">
  =render "items/show_small", item: items.at(i)
  - if i % 3 == 2 || i == items.size - 1
    \</div>

и

.span4.show-small

Я думаю, что мои моды там были правильными ...