0

我无法弄清楚为什么我在此页面底部的导航（“上一个”和“下一个”链接）比我的 #bloglist 帖子预告片要长于宽度以上。我正在使用开箱即用的 twitter 引导程序，并且正在使用他们提供的脚手架。

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

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

4

2 回答 2

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

似乎有很多来自另一个设计的残留标记，恕我直言，如果你不坚持正确的引导架构，你将会有更多的图形错误。

于 2012-08-07T20:19:47.897 回答
0

看来您期望整体大小为 span12，</div><!-- /span12 -->但证明了这一点！您没有在任何地方的开始块中声明此类，并且您的博客列表项是 span4 和 span7，因此总体大小将为 span11。我将博客列表项目编辑为 span4/8，这似乎与寻呼机对齐。我会修改您的开头标记以使其达到预期的大小

于 2012-08-07T20:10:45.847 回答