Question

我无法弄清楚为什么我在这个页面底部的导航（“上一页”和“下一页”链接）比我的#bloglist post teaser长度超过宽度。我正在使用twitter bootstrap开箱即用，并使用他们提供的脚手架。

任何想法或建议将不胜感激！

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不应该向左浮动。

看来其他设计有很多残留标记，如果你不坚持正确的bootstrap架构，恕我直言你会有更多的图形错误。

Answer 2

看起来您期望整体尺寸为span12，由</div>证明但是！您没有在开始块中的任何地方声明此类，并且您的bloglist项目是span4和span7，因此整体大小将为span11。我编辑了一个博客列表项目为span4 / 8，它似乎与寻呼机一致。我会撤销你的开放标记以使其达到预期的大小

Twitter引导程序填充问题

2 个答案: