响应2 span6不能并排

时间:2012-10-19 12:17:05

标签: css twitter-bootstrap responsive-design

Bootstrap响应2 span6在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>

2 个答案:

答案 0 :(得分:1)

........的 Live demo ................

你好习惯display:inline-block;

就像这样

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

Live demo

答案 1 :(得分:0)

对两个span6类使用float:left

喜欢:style =“border:1px solid red; float:left”