Twitter Bootstrap填充問題

Question

我無法弄清楚為什么我在此頁面底部的導航（“上一個”和“下一個”鏈接）比我的#bloglist發布預告片要長，且寬度大於寬度。 我使用開箱即用的Twitter Bootstrap，並使用他們提供的腳手架。

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

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

Answer 1

標記存在一些不一致之處：

• 您的每一行都應該是包含.row的.span12 （並且您不需要.margin-left類）
• 幾乎所有的東西都是浮動的，並且是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不應向左浮動。

似乎其他設計有很多殘留標記，恕我直言，如果您不堅持使用正確的引導程序體系結構，那么您將遇到許多圖形錯誤。

Answer 2

看來您期望整體大小為span12，由</div><!-- /span12 --> 。 您在任何地方的開始塊中都沒有聲明此類，並且您的博客列表項為span4和span7，因此總大小為span11。 我將博客列表項編輯為span4 / 8，這似乎與尋呼機保持一致。 我會修改您的開始標記，使其達到預期的大小