在 twitter bootstrap 中驯服“span”类答案

【问题标题】：Taming 'span' classes in twitter bootstrap在 twitter bootstrap 中驯服“span”类
【发布时间】：2012-05-15 11:24:28
【问题描述】：

我有一个带有 span4 的 div。当我向该 div（my_background_plate）添加带填充的类时，我不再连续获得 3 个 div，而是 2 个（填充将最后一个 span4 推到新行）。如何补偿？

 16   <% @projects.each do |p| %>
 17     <div id="projects" class="my_background_plate span4">
 18       <h3>
 19         <%= link_to p.name, project_path(p) %>
 20       </h3>
 21       <p>
 22         <%= p.description %>
 23       </p>                 
 24       <img src="http://placehold.it/205x140" alt="" class="thumbnail">
 25       <p>
 26         <% p.users.each do |u| %>       
 27           | <%= u.name %>
 28         <% end %> |        
 29       </p>
 30     </div>
 31   <% end %>

【问题讨论】：

标签： ruby-on-rails css twitter-bootstrap

【解决方案1】：

我发现答案有点挣扎。整个魔术是让具有跨度类的 div 从您的自定义类中解放出来，并将它们添加到下面的单独 div 中，如下所示。 :)

 17     <div class="span4">    
 18       <div id="projects" class="my_background_plate">

【讨论】：