Javascript 如何覆盖/撤消Twitter引导的CSS类属性

大约一年前，@Andres Ilich提供了一个漂亮优雅的答案，将导航栏置于引导中

由于这也影响了下拉菜单，他添加了以下内容：

.center .dropdown-menu {
    text-align: left;
}

使下拉菜单正常运行

现在我面临着一个类似的问题。导航栏漂亮地居中。下拉列表非常有用。但是，当您进入平板电脑和移动设备视口时，移动菜单也会居中。简单地将文本向左对齐并不能解决问题，因为每个无序列表项都需要自己的行

我一直在试图找到一种方法，我可以简单地在媒体查询中添加一个类来撤销它，但我还没有找到解决方案

请参阅此JSFIDLE以了解我所说的内容：

---

我的问题：是否有一种简单的方法（如果您想进行只影响平板电脑和移动视口的CSS更改，可以在bootstrap-responsive.CSS文件中添加所需的CSS覆盖

这就是@media查询所在的位置，它们执行“响应式设计”并对平板电脑和移动视口进行样式化

@media (max-width: 979px) { 
    .center .navbar-inner {
        text-align:left !important;
    }
    .center.navbar .nav > li{
        display:block !important;
    }
}

---

除非你能给一个类添加一个“.hidden desktop”类，否则我认为这是行不通的。在bootstrap-responsive.css中，找到这个媒体查询的样式：@media（max width:767px）；（为最大宽度为767像素的设备或“tablet size”的设备设置样式…）在这个媒体查询中，设置

.center.navbar{text align:left！important；}

这将覆盖中心对齐，但仅在宽度为“平板大小”的情况下。证明一下，JSFIDLE是用引导设置的，可以使用了。如果你能找到答案，你肯定会得到我的答案并进行投票！好的。这里有一个更新，它将强制启用额外的LI“第2行”在左边（而不是居中），这里有一个不同的更新，它将强制每个LI到它自己的行（并且仍然将其粘贴到左边）注意：如果你有一个巨大的显示器，JSFIDLE内的预览窗格可能超过767px宽，因此媒体查询将无法运行。请调整窗口大小以查看更改。我很感激！我也尝试过回馈，但我总是，我也必须这样做！此外，我在我的网站上使用了一个简单的媒体查询覆盖，而不是更改bootstrap的CSS，以防将来需要更新！此外，在某些宽度上，JSFIDLE result字段中的“结果”文本会妨碍我。请确保调整JSFIDLE的大小，以便能够单击。

.center .dropdown-menu {
    text-align: left;
}

@media (max-width: 979px) { 
    .center .navbar-inner {
        text-align:left !important;
    }
    .center.navbar .nav > li{
        display:block !important;
    }
}