Twitter的引導2列固定的佈局打破

Question

我的網站 http://twitter.github.com/bootstrap/scaffolding.html#gridSystem

他們給的代碼是

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

我好韋弗將8號和​​4號交換，但不明白爲什麼這會有所作爲。正如你可以從我的網站看到我已經把一些虛假文本，但其破損和重疊

Answer 1

你有2個很長的單詞跨度，所以他們不能被包裝。把一些空格字符進言，它會對齊，這樣的事情：

<div class="span8">dskjdskjdskjlsdjlsdj ldjslkd sjkldsjklsdjlsdkjskldj ldksjldskjklsdjl dkjdlsjsdkjkladmdklmc kldmslkcmdlasmkmlkdjslkaj dlkjdsakjsdljlk sjljds</div> 
<div class="span4">dkjsasdjsdhakhfl kjhdlkah fklhskldfha skjdhfk hsdklhfkjsdh ajklhfjklshadl kfhsjkadhfkjlh dsfjlhjaksdhfjk hjhdsajlkhdfljhasd ljhflkdhlkfhlkhdskfd</div> 

如果選中使用控制檯類似Firebug的頁面，你會看到跨度的div即寬度是正確的。