Twitter引導列未按預期方式顯示

我已經下載了TB的最新版本，並且剛剛開始瞭解自己的情況。作爲我的第一個測試，我想創建一個包含2列的頁面，第一列將是2/3的內容區域，第二列將佔用剩餘的1/3空間。Twitter引導列未按預期方式顯示

我假設內容區域是12列寬的文檔狀態。這是簡單的代碼片段我在我的網頁的內容區域：

<div class="row"> 
    <div class="span4" style="border: 1px red solid;"></div> 
    <div class="span8" style="border: 1px blue solid;"></div> 
</div>

當列寬度總和爲12，列被堆疊在彼此的頂部上，而不是被並排我預計（從閱讀文檔）。如果色譜柱寬度之和小於12，則色譜柱按預期方式並排堆放。

這是怎麼發生的？

[編輯]

我只是來看看，因爲我現在用的是跨類TB CSS定義。他們是：

.span4 { 
    width: 370px; 
} 

.span8 { 
    width: 770px; 
}

看來我的顯示器（1366 x 768）是錯誤的。

我能做些什麼來解決它，讓我有我想要的佈局（2/3 1st col，1/3 2nd col）？

來源

2012-11-13 Homunculus Reticulli

那是因爲你的元素比預期的要大。確切地說，它們是4碼長（每個左右手都是1px）。

來源

2012-11-13 11:27:01

嗯，不知道你從哪裏得到的 - 在文檔中的某個地方？另外，如何才能以我想要的方式拆分佈局？謝謝。 –

作爲一種解決方法，您可以爲每個跨度添加*：'margin：0 -1px;' –

當您編寫border：1px紅色固體時，您的元素變長爲2px，2px變長 - 這就是CSS基礎知識。我要去找你的文章鏈接 –

您是否嘗試過編輯您的css並將body/container的寬度更改爲更高的數字？

來源

2012-11-13 11:29:50 franklinexpress

Twitter引導列未按預期方式顯示

回答

相關問題