响应式2 span6不能并排 [英] Responsive 2 span6 can't side by side

问题描述

span12内部的Bootstrap响应式2 span6不能并排。知道吗？

Bootstrap Responsive 2 span6 inside span12 not side by side. Any idea?

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>

推荐答案

........ 实时演示 。 .........

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

Hi现在习惯于 display：inline-block;

就像这样

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

实时演示

这篇关于响应式2 span6不能并排的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！