行流體自流式內部排液

我是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我可以幫忙！ –

行流體自流式內部排液

回答

相關問題