Question

我有Twitter Bootstrap这种奇怪的行为。我有一个全宽度的布局，我将一行划分为8：4的网格比率。

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

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

截图：

enter image description here

修改

有些代码，虽然我很确定你找不到任何有趣的，非常基本的代码。

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 {}

Answer 1

我可能错了，但使用Twitter引导程序要求您将所有“行”包装在容器中...请在此处查看此链接

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

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

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

这涵盖了吗？

Bootstrap - 默认宽度略微向右延伸

1 个答案: