<div class="row"></div>
这个布局非常好用,但是在手机端会出现横向的滚动条,导致页面左右晃动。
原因是这个布局本身带了margin和padding,
row默认有:margin-left:-15px; margin-right:-15px;左右都有,上下没有。
有两种解决方案:
第一种:在row外边嵌套一个container或container-fluid。让它在容器内晃动(哈哈)
第二种:自己手动将margin和padding都设置成0.需要上下的值自己在设定就ok啦。