同一導航欄我有一個標誌,下載應用程序按鈕導航欄,菜單滑動(如u可以像看) 沒有崩潰
但是,當寬度小於768個像素,我想導航欄出現同樣喜歡更寬的屏幕view.But它出現這樣
導航欄滑動菜單:
我用很多方式嘗試過,但無法得到它。 我的代碼http://jsbin.com/neyenanevu/edit?html,css,js,output
同一導航欄我有一個標誌,下載應用程序按鈕導航欄,菜單滑動(如u可以像看) 沒有崩潰
但是,當寬度小於768個像素,我想導航欄出現同樣喜歡更寬的屏幕view.But它出現這樣
導航欄滑動菜單:
我用很多方式嘗試過,但無法得到它。 我的代碼http://jsbin.com/neyenanevu/edit?html,css,js,output
UPD。您可以找到bootstrap.css
的所有片段,其中同時提及navbar
和@media (min-width: 768px)
。
嘗試使用:
.navbar-left {
float: left !important;
}
.navbar-right {
float: right !important;
margin-right: -15px;
}
.navbar-right ~ .navbar-right {
margin-right: 0;
}
.navbar-nav {
float: left;
margin: 0;
}
.navbar-nav > li {
float: left;
}
.navbar-nav > li > a {
padding-top: 15px;
padding-bottom: 15px;
}
http://jsbin.com/nenuquq/edit?html,css,js,output
您可以設置在其導航欄變成倒塌斷點:
在設置字段@grid-float-breakpoint
的Grid system價值,因爲你需要。例如,零。
單擊頁面底部的Compile and Download
按鈕。
從結果存檔中提取文件bootstrap.css
和bootstrap.min.css
。使用它們代替標準文件bootstrap.css
和bootstrap.min.css
在您的網站上。
根據需要調整導航欄。在任何屏幕寬度上都是一樣的。
的其他鏈接感謝您的回覆。它的工作原理,但我不想使用自定義引導我有相同的引導鏈接到所有文件。所以,如果我現在改變,一切都會搞砸了! –
@SriharshaNutalapati哦,我明白了。嘗試使用:'.navbar-left {float}:left!important; } .navbar-right {float}:right!important; }'。我已經更新了我的答案。 –
@SriharshaNutalapati你可以在同一時間找到'bootstrap.css'的所有片段,它提及'navbar'和'@media(min-width:768px)'。 –
我們看不到代碼。 – Abbr
感謝您的回覆!我已經給出了代碼 –