如何禁用小型設備的引導程序nav-stacked？

我有一個Bootstrap導航欄定義如下：<ul class='nav nav-pills nav-stacked'>這導致垂直導航（邊欄）。如何禁用小型設備的引導程序nav-stacked？

現在我想在小型和超小型設備上禁用nav-stacked類，以便菜單水平顯示而不是垂直顯示。

我該如何做到這一點？

2014-09-20 bart

的唯一方式由.nav-stacked類應用於如下...

nav-stacked > li { 
    float: none; 
} 
.nav-stacked > li + li { 
    margin-top: 2px; 
    margin-left: 0; 
}

使用媒體查詢時所需的休息覆蓋它們（回.nav-pills） -點。這看起來像這樣... jsFiddle

@media (max-width: 992px) { 
    .nav-stacked > li { 
     float: left; 
    } 
    .nav-stacked > li + li { 
     margin-top: 0; 
     margin-left: 2px; 
    } 
}

來源

2014-09-20 21:39:18 Schmalzy

你有兩種方式：1 使用Java腳本並更改類SM和XS設備

2 - 創建一個側邊欄和水平導航。加適量班每個人

來源

2014-09-20 18:55:03 amir2h

解決方案1：我不想依賴於JavaScript。解決方案2：很好的候選人，但一個黑客。 – bart 2014-09-20 23:13:07

你也可以少用這個！但它是一種java腳本，並不是必需的！ – amir2h 2014-09-21 06:11:19

如何禁用小型設備的引導程序nav-stacked？

回答

相關問題