邊界對齊問題，同時使用Twitter引導響應css

Question

我發現此帖在Bootstrap Tutorial for Blog Design。 我打算將它用於我的項目之一，以提供它提供的響應式佈局。 我在承載demo的頁面中發現了一個問題。 已附加截圖 頁面中的第一篇文章「使用JQuery和CSS的Facebook時間軸設計」落在背景邊界之外[已用藍色標記] [不是預期結果] 其餘帖子在頁面內的邊界是預期的行爲[已標記爲綠色]。 有沒有什麼辦法可以解決掉落在背景邊框之外的第一篇文章的問題。我已經在IE，firefox和chrome中測試了這個結果。 已創建jsbin頁面here

Answer 1

你可以得到它通過使用jQuery選擇

$('.row > [class*="span"]:first-child').css({"padding-left":"20px"}); 

解決添加這個樣式表（ 底部者優先）

.row > [class*="span"]:first-child { 
    padding-left: 20px; 
} 

Answer 2

在css文件中，它聲明第一個span元素在左邊沒有空白。上線232

自舉-responsive.css：

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

刪除或評價這些出：行419

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

bootstrap.css。

Answer 3

如果你願意，你可以添加這個jQuery

$('.row > [class*="span"]:first-child').css('padding-left','20px');