在引导站点上查找水平滚动的原因

Question

由于Manoj Kumar

，此问题已得到解决

我不能为我的生活找到我当前正在建立的网站右侧的空白的根本原因，导致可怕的水平滚动条。＆＃39;它在移动设备上尤为引人注目。

http://bradfordkolumbic.com/ma/v2/

我已经尝试过我能想到的每一招。使用overflow-x：隐藏在身体上有点修复了这个问题，但我根本不关心创可贴修复 - 我试图找到完整的解决方案。

Answer 1

您有两个问题，每个问题都有您的标记和样式表。

1. 首先你需要删除它：

   .info-box {
     padding: 20px 0 40px;
   }
   

上面的代码覆盖了col-*类的默认填充，默认情况下会添加这些填充以补偿row类提供的负边距。

1. 然后在下面的代码中：

   <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元素，而您需要执行相反操作。

   Bootstrap grid documentation

     

   行必须放在.container（固定宽度）或   .container-fluid（全宽），用于正确对齐和填充。

<强>输出：