我正在使用 Bootstrap 3 RC1,即使只有一行和一列,我也可以水平滚动一点。我宁愿根本没有任何水平滚动。
<div class="row">
<div class="col-lg-12">content</div>
</div>
我正在使用 Bootstrap 3 RC1,即使只有一行和一列,我也可以水平滚动一点。我宁愿根本没有任何水平滚动。
<div class="row">
<div class="col-lg-12">content</div>
</div>
由于负边距,它有一个错误;
@media (min-width: 768px) {
.row {margin-right: -15px;margin-left: -15px;}
}
你可以用这个覆盖引导程序;
@media (min-width: 768px) {
.row { margin-right: 0; margin-left: 0; }
}
对于遇到此问题的其他任何人,为我解决的问题是包装所有行/表单/等。块中的元素<div class="container">
。
您可以在不干扰引导 css 的情况下解决此问题并等待下一个版本中的修复,因此您可以通过定义您自己的带有填充的类 .container-fluid 来简单地包装您的行。
//Add this class to your global css file
<style>
.container-fluid {
padding: 0 15px;
}
</style>
//Wrap your rows in within this .container-fluid
<div class="container-fluid">
<div class="row">
<div class="col-md-3">content</div>
<div class="col-md-9">content</div>
<div class="col-md-3">content</div>
</div>
</div>