ruby-on-rails - 使用 bootstrap 和 rails 的多列

Question

我在新元素中使用 bootstrap-sass、formtastic-bootstrap、rails 3.2 和 ruby​​ 1.9.3p0。我想为产品列表创建一个多列表单和多列媒体网格。下面的代码。我使用了两种不同的方法。第一个是将 row < .span 用于表单，第二个是将我自己的多列 css 代码添加到媒体网格，但这也不起作用。帮忙？

表单上的第一种方法:

<%= 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;}

帮助...

Answer 1

那里有什么东西有 float:left 吗？我今天只是在 Twitter Bootstrap 中玩弄一个多列的东西，发现它坏了。