css - 响应式 2 span6 不能并排

Question

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

http://jsfiddle.net/6TaQt/24/

<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>

Answer 1

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

你好，现在习惯于 display:inline-block;

像这样

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

Live demo