如何使用Twitter Bootstraps网格系统在两列之间添加一行

前端之家收集整理的这篇文章主要介绍了如何使用Twitter Bootstraps网格系统在两列之间添加一行前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
两列布局在中间有一行。
  1. [ ] | [ ]
  2. [ ] | [ ]
  3. [ ] | [ ]
  4. [ Left Column ] | [ Right Column ]
  5. [ ] | [ ]
  6. [ ] | [ ]
  7. [ ] | [ ]
  8. [ ] | [ ]

解决方法

我想我得到你的问题正确…这下面的代码。下面的内联样式只是为了说明。您在css文件中应用样式。
  1. <div class="container">
  2. <div class="row-fluid">
  3. <div class="span6" style="padding-right:20px; border-right: 1px solid #ccc;">
  4. <p>Some Contents Here...</p>
  5. </div>
  6.  
  7. <div class="span6">
  8. <p>Some Contents Here...</p>
  9. </div>
  10. </div>
  11. </div>

上述代码输出this image

猜你在找的Bootstrap相关文章