Twitter引導列調整大小

我有一個兩列的佈局，並在第一列中有子列。因此，像：Twitter引導列調整大小

<div class="row"> 
    <div class="span8"> 
    <div class="row"> 
     <div class="span1"></div> 
     <div class="span4"></div> 
     <div class="span1"></div> 
     <div class="span1"></div> 
     <div class="span1"></div> 
    </div> 
    </div> 
    <div class="span4"> 
    </div> 
</div>

當頁面大小要小一些，我想兩個外列堆疊在彼此的頂部，而不是內列，因爲他們總是需要在同一行即一旦頁面的大小低於span8的寬度，它就會引入一個水平滾動條。

這可能嗎？

來源

2013-02-15 JasonM

你將不得不編寫你自己的自定義'css'並添加你自己的'classes'，因爲在bootstrap中，所有'span＃'被設置爲'width：100％' – ashley 2013-02-15 15:12:14

感謝mate，有點假設我可能必須但只是想我會看看有沒有人知道一個隱藏的祕密！這裏有一個小小的jsfiddle來展示你說的話，當你調整所有跨度時，請轉到'width：100％' - http://jsfiddle.net/MgcDU/1966/ – JasonM 2013-02-15 15:49:31

<div class="row"> 
    <div class="span8 container-fluid"> 
    <div class="row-fluid"> 
     <div class="span1 offset2"></div> 
     <div class="span4"></div> 
     <div class="span1"></div> 
     <div class="span1"></div> 
     <div class="span1"></div> 
    </div> 
    </div> 
    <div class="span4"> 
    </div> 
</div>

如果您在span8中使用流體佈局，則其內容應該保持在同一行。

而且，我不知道你是否知道，但是一行總是12列，即使它在span8中。

我希望你明白我的意思。對不起，我的英語不好。

來源

2013-02-19 10:38:53

Twitter引導列調整大小

回答

相關問題