的原因和解决方法的空白对bootstrap.css右侧时手机滑落

在最近的一个项目，bootstrap.css + AngularJS应用前台和背景只处理数据（PHP，json_encode）。在铬机模拟试验已经非常完美，没有真正的测试，测试完成后，将手机傻，左右滑动页面，甚至是一个空白酒吧（如下所示），判断是正确的边缘设置长度的结果，查看CSS，并没有相关的代码。看来，问题出现在引导。虽然不影响程序的使用，但感觉很别扭，这是必要的修理它。
检查页面以在网格系统页面中找到此问题。检查与行相关的CSS，并发现其定义如下：
行{。
margin-left: - 15px；
缘吧：- 15px；
}
。行一般是作为容器的下元，为the.col-xx-xx.by方式优越的元素，看看CSS容器和反对XX：
集装箱{。
左：15px填充；
填充右：15px；
}
。
左：15px填充；
填充右：15px；
}
里面的所有元素，容器有一个距离15px，非常漂亮，和the.col-xx-xx也套的内边缘15像素。所以不能与元素的对齐。Contariner（距离between.col-xx-xx和。容器是30px），所以第一个栅格元素和最后一个栅格单元需要设置为{填充左：0px }，{填充分别；右：0px；}。这解决了定位问题，但设置后，虽然每个网格的宽度是一致的，显示内容的宽度有一个15px差距。所以FB巧妙地采用外框的负数解天才，不仅代码实现简单，而且每个网格的宽度不一致的问题。

虽然负的外部边界是一个很好的解决方案，但是在小屏幕（移动终端）上会有一个空白的边界问题（这篇文章要解决的问题）。自定义引导程序来解决这个问题，但是太麻烦了，最简单的方法就是编写相关的CSS。
需要的电话后，bootstrap.css / * * /
他妈的iPhone开始 / / * 15px
行{空白：0；}
col-lg-1 col-lg-10。，。，。col-lg-11，。col-lg-12，。col-lg-2，。col-lg-3，。col-lg-4，。col-lg-5，。col-lg-6，。col-lg-7，。col-lg-8，。col-lg-9，。col-md-1，。col-md-10，。col-md-11，。col-md-12，。col-md-2，。col-md-3，col-md-4 col-md-5。，。，。col-md-6，。col-md-7，。col-md-8，。col-md-9，。col-sm-1，。col-sm-10，。col-sm-11，。col-sm-12，。col-sm-2，。col-sm-3，。col-sm-4，。col-sm-5 .. col-sm-6，。col-sm-7，。col-sm-8，。col-sm-9，。col-xs-1，。col-xs-10，。col-xs-11，。col-xs-12，。col-xs-2，。col-xs-3，col-xs-4，。col-xs-5 col-xs-6。，。，。col-xs-7，。col-xs-8，。col-xs-9 {填充：0；}
他妈的在* / / * iPhone 15px
因为没有填充网格的成功的解决方案，每个栏的宽度，显示相同的内容的宽度，对容器的元素可以对齐（注：这是非常严重的后果，在每个网格的内容连接在一起，并在网格内的利润再定义的内容可以集中解决）。

以上是空白的原因和对策bootstrap.css右侧时手机滑落，希望对你有帮助。