如何禁用小型设备的引导程序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？

回答

相关问题