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

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

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

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

有两种解决方案:

第一种:在row外边嵌套一个container或container-fluid。让它在容器内晃动(哈哈)

 

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

 

 

你可能感兴趣的:(C#)