使用bootstrap莫名其妙出现横向滚动条的问题及解决
目录
使用bootstrap出现横向滚动条
<ul class="nav navbar-nav menu_nav" >
检测页面是否有使用bootstrap的ul class="nav navbar-nav menu_nav"元素,如果有,给ul固定宽度即可。
检测页面是否有使用dropdown,如果有,不要让下拉菜单靠右,因为拉下菜单本身弹出显示的位置会占用屏幕的宽度,导致出现横向滚动条。
或者让它左侧弹出:
<ul class="dropdown-menu pull-right" >
使用bootstrap栅格布局,用row后出现横向滚动条
原因
**row默认有:
margin-left:-15px; margin-right:-15px;
解决办法
**row外层需要包裹container或者container-fluid,一句话就是需要合理的嵌套。
以上为个人经验,希望能给大家一个参考,也希望大家多多支持。
原文地址:https://blog.csdn.net/u012643122/article/details/127734956
- 上一篇 »CSS中隐藏滚动条的方法
- 下一篇 »JavaScript代码不执行