ruby-on-rails - 在 Twitter Bootstrap 中驯服 'span' 类

标签 ruby-on-rails css twitter-bootstrap

我有一个 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 %> 

最佳答案

我费了好大劲才找到答案。整个魔法是让带有 span 类的 div 从您的自定义类中解脱出来,并将它们添加到下面的单独 div 中,如下所示。 :)

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

关于ruby-on-rails - 在 Twitter Bootstrap 中驯服 'span' 类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10599704/

相关文章:

html - 实现单选输入的 CSS 默认浏览器

ruby-on-rails - 简单表单 - 控制标签和输入的宽度(带 Bootstrap )

css - 按钮在 Bootstrap 主题中保持为 'pressed down'

ruby-on-rails - 未添加 RailsAdmin 所需的中间件(RuntimeError)

ruby-on-rails - VSCode 提示 Ruby UTF-8 文件具有无效的多字节字符 (US-ASCII)

javascript - 使用medium-editor-rails保存数据

html - 粘性页脚问题(我看过)

ruby-on-rails - Rails - 如何在不重复的情况下为多个角色声明 attr_accessible

javascript - 硬刷新站点后移动 View 中的 owl.carousel 响应错误

javascript - 如何在 Wordpress 中通过 JavaScript(不是 jQuery)删除一个类