使用bootstrap莫名其妙出现横向滚动条的问题及解决
更新时间：2022年11月22日 09:42:58 作者：思想永无止境
这篇文章主要介绍了使用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，一句话就是需要合理的嵌套。
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要为大家详细介绍了微信小程序scroll-view实现自定义滚动条，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-06-06
这篇文章主要介绍了js点击选择文本的方法,涉及针对html节点的操作与选中技巧,非常具有实用价值,需要的朋友可以参考下2015-02-02
js调试工具console.log()方法查看js代码的执行情况
以往都是使用alert的方式查看js代码的执行情况，今天看到有朋友使用console.log函数打印输出函数,变量,对象,下边就console.log的使用情况进行记录2014-08-08
在折线图中,通常实线表示实际数据,而虚线用于表示预测数据,这篇文章主要介绍了echarts折线图实现部分虚线部分实线效果的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下2024-09-09
主页面A 怎么向 iframe B 传递数据呢？iframe B 怎么向 主页面A 传递数据，下面有不错的实现思路，感兴趣的朋友可以了解下2013-12-12
这篇文章主要介绍了javascript实现二级级联菜单的简单制作，感兴趣的小伙伴们可以参考一下2015-11-11
这篇文章主要介绍了javascript 闭包详解及应用的相关资料,需要的朋友可以参考下2016-12-12
2008-01-01
JS/HTML5游戏常用算法之碰撞检测 包围盒检测算法详解【凹多边形的分离轴检测算法】
这篇文章主要介绍了JS/HTML5游戏常用算法之碰撞检测 包围盒检测算法,结合实例形式详细分析了javascript针对凹多边形的分离轴检测算法相关概念、原理、实现技巧与操作注意事项,需要的朋友可以参考下2018-12-12
这篇文章主要介绍了JavaScript中的DSL元编程介绍,本文讲解了JavaScript元编程、JavaScript eval、JavaScript new Function()等内容,需要的朋友可以参考下2015-03-03
最新评论