Twitter的引導容器最大寬度坍塌跨度

Question

修訂
如果我給一個max-width到.container然後我spans停止排隊正確。

<div class="container" style="max-width:940px"> 
    <div class="row"> 
    <div class="span4" style="background-color:#F00">1</div> 
    <div class="span4" style="background-color:#F00">2</div> 
    <div class="span4" style="background-color:#F00">3</div> 
    <div class="span4" style="background-color:#F00">4</div> <!-- make a new line-->     
    <div class="span4" style="background-color:#F00">5</div> 
    </div> 
</div> 

看來不管我換我跨度在它具有相同的效果。 有什麼辦法可以解決這個問題嗎？

LIVE PREVIEW HERE

Answer 1

這是因爲自舉有12列的寬度。

您的3個第一個div有4 + 4 + 4列，所以它在打印其他div之前打破了行。

儘量減少寬度......例如帶班「跨度2」，你會看到的變化:)

Answer 2

引導工作，你有5 * span4在一排，一排12列CSS網格系統在包裝到新行之前，只能包含3 * span4。

如果你想要一個堅實的一行只記得SPANX的總和不能>超過12

參見：http://getbootstrap.com/css/#grid-example-basic