使用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)橫向滾動條。
或者讓它左側(cè)彈出：
<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，一句話就是需要合理的嵌套。
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了js實現(xiàn)Select列表各項上移和下移的方法,涉及javascript動態(tài)操作頁面元素屬性值的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08
這篇文章主要為大家詳細介紹了第二篇Javascript動畫效果,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10
下面小編就為大家?guī)硪黄猨s驗證真實姓名與身份證號,手機號的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
JavaScript列表框listbox全選和反選的實現(xiàn)方法
這篇文章主要介紹了JavaScript列表框listbox全選和反選的實現(xiàn)方法,涉及javascript操作列表框listbox的技巧,非常具有實用價值,需要的朋友可以參考下2015-03-03
今天小編就為大家分享一篇基于Layui自定義模塊的使用方法詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
大家仔細看下面兩段代碼，代碼一的window.onload = doIt()函數(shù)后面有();而代碼二的window.onload = doIt函數(shù)名后面沒有括號。2008-09-09
JavaScript 動態(tài)添加腳本，并觸發(fā)回調(diào)函數(shù)的實現(xiàn)代碼
JavaScript 動態(tài)添加腳本，并觸發(fā)回調(diào)函數(shù)的實現(xiàn)代碼，需要的朋友可以參考下。2011-01-01
這篇文章主要為大家詳細介紹了vue/js實現(xiàn)頁面自動往上滑動效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
Javascript 在瀏覽器中的性能問題，可能是最重要的可用性問題;Js的阻塞性 瀏覽器用單一進程來處理UI進程和Js的執(zhí)行;不管是內(nèi)嵌的還是外鏈的，下載并立即執(zhí)行 因為它有可能會修改頁面2012-12-12
用Javascript實現(xiàn)錨點(Anchor)間平滑跳轉(zhuǎn)
本文介紹的方法，實現(xiàn)了錨點(Anchor)間平滑跳轉(zhuǎn)，效果非常不錯。2009-09-09