使用bootstrap莫名其妙出现横向滚动条的问题及解决
作者：思想永无止境
这篇文章主要介绍了使用bootstrap莫名其妙出现横向滚动条的问题及解决，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
使用bootstrap出现横向滚动条
<ul class="nav navbar-nav menu_nav" style="width: 800px;">
检测页面是否有使用bootstrap的ul class="nav navbar-nav menu_nav"元素，如果有，给ul固定宽度即可。
检测页面是否有使用dropdown，如果有，不要让下拉菜单靠右，因为拉下菜单本身弹出显示的位置会占用屏幕的宽度，导致出现横向滚动条。
或者让它左侧弹出：
<ul class="dropdown-menu pull-right" style="right: 0;left: auto;">
使用bootstrap栅格布局，用row后出现横向滚动条
原因
**row默认有：
margin-left:-15px; margin-right:-15px；
解决办法
**row外层需要包裹container或者container-fluid，一句话就是需要合理的嵌套。
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。