Bootstrap列的嵌套不正確

我試圖用Bootstrap製作一個簡單的Advent日曆（'tis the season）。我在每週的7天內每行嵌套7列。Bootstrap列的嵌套不正確

<div class="container-fluid"> 
    <div class="row title"> 
     <div class="col-xs-12"><p>Advent Calendar</p></div> 
    </div> 
    <div class="row weekdays"> 
     <div class="col-xs-1"><p>Mon</p></div> 
     ... 
     <div class="col-xs-1"><p>Sun</p></div> 
    </div> 

    <div class="row dates"> 
     <div class="col-xs-1"><p>30</p></div> 
     <div class="col-xs-1"><p>1</p></div> 
     ... 
     <div class="col-xs-1"><p>6</p></div> 
    </div> 
</div>

查看this fidlle的結果。

不幸的是，列利用的總大小是7/12，而不是12/12：它們沒有使用視口的全部寬度。不是bootstrap應該照顧的比例？我怎樣才能讓他們使用100％的寬度？

來源

2015-11-29 Queder

如果您使用的是Bootstrap [v3.0]（http://bootstrapdocs.com/v3.0.0/docs/css/#overview-container）（就像您在jsFiddle中一樣），「container-fluid」在該版本中並不存在，只是你知道的。 – vanburen

使用這個工具在網格系統部分自定義您的引導 http://getbootstrap.com/customize/#grid-system

可以設置14 @grid-columns而不是12，然後侑定製的引導將是14列，然後在你的HTML代碼中使用col-xs-2代替col-xs-1對於每一天，您的日曆都有完整的頁面寬度。

來源

2015-11-29 01:16:00 Omid

Bootstrap列的嵌套不正確

回答

相關問題