行流体自流式内部排液

我是Bootstrap框架的初学者，当我布置我的设计时，我遇到了问题。我想划分一个行流体内的4列，所以我写的代码如下：行流体自流式内部排液

但它没有出现我的预期，在第一个Lorem ipsum的文本侵占了第二个，而不是固定到4列

<div class="row-fluid"> 
<div class="span2"></div> 
<div class="span8"> 
    <div class="row-fluid"> 
     <div class="span3">Lorem ipsum dolor sit amet</div> 
     <div class="span3">Lorem ipsum dolor sit amet</div> 
     <div class="span3">Lorem ipsum dolor sit amet</div> 
     <div class="span3">Lorem ipsum dolor sit amet</div> 
    </div> 
</div> 
<div class="span2"></div>

请任何人都可以帮助我，在此先感谢

来源

2013-08-21 Ryan

标记是正确的，看到我用你的代码http://jsfiddle.net/Jhtjz/3/embedded/result/ –

这个演示谢谢我再次检查它，它看起来还是一些东西。我想其他一些CSS是重叠的，但感谢您的快速回复 – Ryan

尝试包裹的HTML div.container-fluid和关闭div标记该行：

<div class="container-fluid"> 
    <div class="row-fluid"> 
     <div class="span2">First</div> 
     <div class="span8"> 
      <div class="row-fluid"> 
       <div class="span3">Lorem ipsum dolor sit amet</div> 
       <div class="span3">Lorem ipsum dolor sit amet</div> 
       <div class="span3">Lorem ipsum dolor sit amet</div> 
       <div class="span3">Lorem ipsum dolor sit amet</div> 
      </div> 
     </div> 
     <div class="span2">Last</div> 
    </div> 
</div>

来源

2013-08-21 08:58:57

它看起来更加漂亮和美好。谢谢 – Ryan

@Ryan GLad我可以帮忙！ –

行流体自流式内部排液

回答

相关问题