javascript技巧

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript技巧 > 使用bootstrap莫名其妙出现横向滚动条

使用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,一句话就是需要合理的嵌套。

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:
阅读全文