我一生都无法在当前正在构建的网站的右侧修复空白的根本原因,从而导致可怕的“偶然水平滚动条”。在移动设备上尤其明显。
http://bradfordkolumbic.com/ma/v2/
我尝试了所有我能想到的技巧。使用overflow-x:隐藏在身体上可以解决此问题,但我根本不涉及创可贴修复-我试图找到完整的解决方案。
您有两个问题,每个问题都与您的标记和样式表有关。
首先,您需要删除以下内容:
.info-box {
padding: 20px 0 40px;
}
上面的代码将覆盖类的默认填充,该默认填充col-*
是默认添加的,以补偿row
类提供的负边距。
然后在下面的代码中:
<div class="row">
<div class="col-lg-12 text-center">
<div class="row">
<div class="container-fluid text-center partners"></div>
</div>
</div>
您已经将container-fluid
元素包装在一个row
元素中,而您需要进行相反的操作。
必须将行放置在.container(固定宽度)或.container-fluid(全角)内,以便正确对齐和填充。
输出:
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句