响应式 2 span6 不能并排答案

【问题标题】：Responsive 2 span6 can't side by side响应式 2 span6 不能并排
【发布时间】：2012-10-19 20:50:05
【问题描述】：

Bootstrap Responsive 2 span6 在 span12 内不是并排的。有什么想法吗？

<div class="MainDiv container-fluid" style="border:1px solid pink">
<div class="row-fluid">
  <div class="span12" style="border:1px solid green">    
    <div class="span6" style="border:1px solid red">Span A</div>
    <div class="span6" style="border:1px solid red">Span B</div>
  </div>
</div></div>

【问题讨论】：

问题没有意义，你有 span 6 嵌套在 span 12 中，所以你期望什么？
你使用的布局不正确（每个span嵌套需要一行），但是边框是问题的根源：检查stackoverflow.com/q/11299089/1478467

标签： css twitter-bootstrap responsive-design

【解决方案1】：

........Live demo................

嗨，现在习惯了display:inline-block;

像这样

[class*="span"], .row-fluid [class*="span"]{
display:inline-block;
    vertical-align:top;  
}

Live demo

【讨论】：

这意味着我必须将引导程序中的网格系统与 bootstrap-responsive.css 一起包含？

【解决方案2】：

使用 float: left 用于两个 span6 类

like : style="border:1px solid red; float:left"

【讨论】：