2012-09-05 30 views
0

我正在開發與Twitter引導一個網站,一個截圖here爲什麼此跨度列被抵消?

這有時會發生,我沒有管理尚未敲定確切的情況。有時候我試圖巢<div>使用row-fluid但我得到結果顯示在屏幕截圖中。

孩子span6 div有一個left-margin我似乎無法擺脫。

我希望能夠巢 span6<div>row-fluid<div>裏面......這應該是可能的,不是嗎?

+0

你想在社區通過截圖來調試您的標記?至少提供一個小提琴或代碼。 – Pavlo

+0

我以爲這會是一些簡單的愚蠢的錯誤,我正在做...但確定。 –

+0

我會試着再現一個簡單的jsfiddle問題...但我真的,這是一個非常常見的錯誤,很多人都和**會有人過來,說**:*啊,我有它發生在我身上很多次,你只需要等等等等等等* –

回答

2

要建立一個.row-fluid裏面的佈局,引導程序適用於每個.spanN一個margin-left

.row-fluid [class*="span"] { 
    margin-left: 2.76243%; 
} 

然後,它會覆蓋這個屬性來:first-child

.row-fluid [class*="span"]:first-child { 
    margin-left: 0; 
} 

當你在包括<h2>第一.span6之前,它成爲第二元件和:first-child選擇不影響它。
所以,解決您的問題,拿到走向了.row-fluid的,你把你的跨度。

0

我想我已經找到了答案。

罪魁禍首是<h2>頭球父DIV內,但孩子外的div