关于bootstrap栅格布局的row导致页面左右晃动的问题解决

<div class="row"></div>

这个布局非常好用，但是在手机端会出现横向的滚动条，导致页面左右晃动。

原因是这个布局本身带了margin和padding，

row默认有：margin-left:-15px; margin-right:-15px；左右都有，上下没有。

有两种解决方案：

第一种：在row外边嵌套一个container或container-fluid。让它在容器内晃动（哈哈）

 

第二种：自己手动将margin和padding都设置成0.需要上下的值自己在设定就ok啦。