Twitter引导填充问题答案

【问题标题】：Twitter bootstrap padding issueTwitter引导填充问题
【发布时间】：2012-08-04 21:08:24
【问题描述】：

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

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

【问题讨论】：

一个可能与您的问题无关的问题是您在多个 div 上具有相同的 id，但显然 id 应该是唯一的
好的，我解决了这个问题，很好的建议。谢谢！

【解决方案1】：

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

【讨论】：

另外，我以前从未尝试在每次重新加载时都会更改的网站上回答问题 :)
抱歉，我正在尝试解决我的问题。谢谢参观。我现在正在处理标记。

【解决方案2】：

有一些标记不一致：

你的每一行都应该是一个.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 不应向左浮动。

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

【讨论】：

感谢@sherbrow 的帮助！现在情况看起来好多了！我真的很感谢你花时间帮我解决这个问题！好像当我的跨度为 4 和 8 时，我的 span8 列由于某种原因跳了下来。
@b-lew 这是由于井有填充和边框造成的。这是一个使用流体或调整的示例：jsfiddle。我强烈建议第一个，在 区域中使用.row-fluid，然后跨越。