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