Bootstrap - 默认宽度略微向右扩展答案

【问题标题】：Bootstrap - default width extended slightly to the rightBootstrap - 默认宽度略微向右扩展
【发布时间】：2013-11-26 15:44:22
【问题描述】：

我遇到了 Twitter Bootstrap 的这种奇怪行为。我有一个全角布局，我将一行分成 8:4 的网格比例。

现在，我碰巧有一点宽度向右延伸，导致出现水平滚动条。扩展位只有 20px 左右，但我似乎无法找到它的来源。

我尝试将任何可能的填充设置为 0px 到我的 html 和 body 标记，但没有运气。

截图：

编辑：

一些代码，虽然我很确定你不会发现任何有趣的东西，非常基本的代码。

HTML：

<body>
<div class="row">
  <div id="left-pan" class="col-md-8">
    <div id="control">
        Lorem
    </div>
  </div>
  <div id="right-pan" class="col-md-4">
    Lorem
  </div>
</div>
<script src="js/jquery-2.0.3.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/default.js"></script>
</body>

CSS：

html, body {
    background-color: darken(@slate, 10%);
    font-family: 'Carme', sans-serif;
    width: 100%;
    height: 100%;
}

.row {
    height: 100%;
}

#left-pan {}
#right-pan {}

【问题讨论】：

你能发布你的代码吗？
已编辑，检查一下。
如果您提供一个工作示例。了解/跟踪您的问题更容易。
实际上你需要把代码放在小提琴或你的网站链接中。 bootstrap 的作用是看代码不容易猜到的。

标签： html css twitter-bootstrap

【解决方案1】：

我可能是错的，但使用 Twitter 引导程序需要您将所有“行”包装在一个容器中...请参阅此处的链接

http://getbootstrap.com/css/#grid

我用你的代码创建了一个 jfiddle http://jsfiddle.net/JgPaa/4/ ..注意，如果你删除了容器，你会得到你提到的效果......滚动条......带有容器......没有滚动条。现在容器不会全宽，因为它的填充......你可以通过自定义 css 自己调整它。来自引导 css

container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}

这包括它吗？

【讨论】：