使用bootstrap莫名其妙出現(xiàn)橫向滾動條的問題及解決
更新時間：2022年11月22日 09:42:58 作者：思想永無止境
這篇文章主要介紹了使用bootstrap莫名其妙出現(xiàn)橫向滾動條的問題及解決，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
使用bootstrap出現(xiàn)橫向滾動條
<ul class="nav navbar-nav menu_nav" style="width: 800px;">
檢測頁面是否有使用bootstrap的ul class="nav navbar-nav menu_nav"元素，如果有，給ul固定寬度即可。
檢測頁面是否有使用dropdown，如果有，不要讓下拉菜單靠右，因為拉下菜單本身彈出顯示的位置會占用屏幕的寬度，導致出現(xiàn)橫向滾動條。
或者讓它左側彈出：
<ul class="dropdown-menu pull-right" style="right: 0;left: auto;">
使用bootstrap柵格布局，用row后出現(xiàn)橫向滾動條
原因
**row默認有：
margin-left:-15px; margin-right:-15px；?
解決辦法
**row外層需要包裹container或者container-fluid，一句話就是需要合理的嵌套。
以上為個人經驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
微信小程序scroll-view實現(xiàn)自定義滾動條
這篇文章主要為大家詳細介紹了微信小程序scroll-view實現(xiàn)自定義滾動條，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-06-06
這篇文章主要介紹了js點擊選擇文本的方法,涉及針對html節(jié)點的操作與選中技巧,非常具有實用價值,需要的朋友可以參考下2015-02-02
js調試工具console.log()方法查看js代碼的執(zhí)行情況
以往都是使用alert的方式查看js代碼的執(zhí)行情況，今天看到有朋友使用console.log函數(shù)打印輸出函數(shù),變量,對象,下邊就console.log的使用情況進行記錄2014-08-08
echarts折線圖實現(xiàn)部分虛線部分實線效果的方法
在折線圖中,通常實線表示實際數(shù)據(jù),而虛線用于表示預測數(shù)據(jù),這篇文章主要介紹了echarts折線圖實現(xiàn)部分虛線部分實線效果的相關資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2024-09-09
主頁面A 怎么向 iframe B 傳遞數(shù)據(jù)呢？iframe B 怎么向 主頁面A 傳遞數(shù)據(jù)，下面有不錯的實現(xiàn)思路，感興趣的朋友可以了解下2013-12-12
javascript實現(xiàn)二級級聯(lián)菜單的簡單制作
這篇文章主要介紹了javascript實現(xiàn)二級級聯(lián)菜單的簡單制作，感興趣的小伙伴們可以參考一下2015-11-11
這篇文章主要介紹了javascript 閉包詳解及應用的相關資料,需要的朋友可以參考下2016-12-12
2008-01-01
JS/HTML5游戲常用算法之碰撞檢測 包圍盒檢測算法詳解【凹多邊形的分離軸檢測算法】
這篇文章主要介紹了JS/HTML5游戲常用算法之碰撞檢測 包圍盒檢測算法,結合實例形式詳細分析了javascript針對凹多邊形的分離軸檢測算法相關概念、原理、實現(xiàn)技巧與操作注意事項,需要的朋友可以參考下2018-12-12
這篇文章主要介紹了JavaScript中的DSL元編程介紹,本文講解了JavaScript元編程、JavaScript eval、JavaScript new Function()等內容,需要的朋友可以參考下2015-03-03