Twitter的引導填充問題

我想不通，爲什麼我在這個頁面（「上一頁」和「下一個」鏈接）的底部導航比我#bloglist後傳情是上述寬度明智更長。我使用開箱即用的twitter bootstrap，並使用他們提供的腳手架。Twitter的引導填充問題

http://www.b-lew.me/page/3/

任何想法或建議，將不勝感激！

來源

2012-08-07 bryanlewis

一個問題是，你有多個div同一ID，但顯然是一個ID應該是唯一的 – PriestVallon 2012-08-07 19:52:32

好吧，我經歷了，修好了，很好的建議。謝謝！ – bryanlewis 2012-08-07 19:53:44

有一些標記不一致：

您的每一個行應包含.span12（你不會需要你.margin-left類.row ）
幾乎一切都是輕飄飄的，float: left元素不會填補他們的集裝箱在其右側
clear: both不需要，只需使用.clearfix類的容器，但你通常不會需要它

這裏是我試過的標記：

<div class="container"> 
    <div class="row"> 
     <div class="span12"> 
      <div class="well bloglist clearfix"> 
       <!-- etc --> 
      </div> 
     </div> 
    </div> 
</div>

而對於CSS

.bloglist不應懸空離開。

它似乎有來自另一設計殘留大量的標記，恕我直言，你將有更大量的圖形錯誤，如果你不堅持正確的引導結構。這可能無關，與你的問題

來源

2012-08-07 20:19:47 Sherbrow

感謝@sherbrow的幫助！事情現在看起來好多了！我真的很感激你花時間幫我解決這個問題！它的接縫好像當我有4的跨度，然後8我的span8列出於某種原因跳下來。 – bryanlewis 2012-08-07 20:28:25

@ b-lew這是由於填充物和邊界造成的。這裏是流體或調整的例子：[jsfiddle]（http://jsfiddle.net/Sherbrow/DCXya/）。我強烈建議第一個使用''區域的'.row-fluid'，然後跨越。 – Sherbrow 2012-08-07 21:04:42

看來你期望被span12整體規模，通過</div>但是證明！您沒有在任何位置的開頭塊中聲明此類，並且您的博客列表項是span4和span7，因此整體大小將是span11。我編輯了一個博客文章項目爲span4/8，這似乎與傳呼機保持一致。我會revist你的開始標記，以得到它的預期大小

來源

2012-08-07 20:10:45 DVG

另外，我從來沒有試圖回答一個網站上的問題，每當我重新加載它:) – DVG 2012-08-07 20:12:29

對不起，我試圖解決我的問題。謝謝參觀。我現在正在處理標記。 – bryanlewis 2012-08-07 20:18:40

Twitter的引導填充問題

回答

相關問題