Twitter bootstrap Twitter引导程序3 RC1水平滚动问题
我使用的是Bootstrap3RC1,即使只有一行和一列,我也可以水平滚动一点。我不喜欢任何水平滚动Twitter bootstrap Twitter引导程序3 RC1水平滚动问题,twitter-bootstrap,twitter-bootstrap-3,Twitter Bootstrap,Twitter Bootstrap 3,我使用的是Bootstrap3RC1,即使只有一行和一列,我也可以水平滚动一点。我不喜欢任何水平滚动 <div class="row"> <div class="col-lg-12">content</div> </div> 内容 它有一个错误,因为有负的边距 @media (min-width: 768px) { .row {margin-right: -15px;margin-left: -15px;} } 你可以用这个覆盖引导
<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; }
}
在这里也检查;
对于遇到此问题的任何其他人,我解决此问题的方法是将所有行/表单/等元素包装到
块中。您可以在不干扰引导css的情况下修复此问题,并等待下一版本中的修复,因此您可以通过定义自己的class.container fluid with padding来简单地包装行
//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>
//将此类添加到全局css文件中
.容器液体{
填充:0 15px;
}
//将您的行包装在这个容器中
内容
内容
内容
在这里报告您的问题可能是一个好主意:谢谢,我在那里发布了它。现在,Bootstrap RC3的发布已经解决了这个问题-