bootstrap如何防止768px以下视点时侧边栏折叠或消失答案

【问题标题】：bootstrap how to prevent sidebar collapse or disappear when viewpoint under 768pxbootstrap如何防止768px以下视点时侧边栏折叠或消失
【发布时间】：2014-07-29 12:14:38
【问题描述】：

我正在使用引导类side-nav 和nav-sidebar 来制作侧面导航栏。但问题是当视点低于 768px 时，侧面导航栏消失了。

这是我的html代码：

<ul class="nav nav-sidebar side-nav">
        <li><a href="{{ path('new_message') }}" class="glyphicon glyphicon-file brl-sidebar-icon" data-toggle="tooltip" data-placement="right" title="New post"></a></li>
        <li><a href="{{ path('get_schedule') }}" class="glyphicon glyphicon-calendar brl-sidebar-icon" data-toggle="tooltip" data-placement="right" title="Schedule"></a></li>
        <li><a href="{{ path('get_task') }}" class="glyphicon glyphicon-saved brl-sidebar-icon" data-toggle="tooltip" data-placement="right" title="Tasks"></a></li>
</ul>

我尝试更改媒体 css 代码：最初，nav-sidebar css 代码类似于：@media (min-width: 768px)

我尝试将其更改为 min-width: 360px，但当视点低于 768px 时，它仍然会消失。

无论视点的宽度如何，我应该如何将侧边栏保留在那里？

提前致谢！

【问题讨论】：

Bootstrap v3 没有任何 side-nav 或 nav-sidebar 类...

标签： html css twitter-bootstrap

【解决方案1】：

我不确定 Bootstrap 应用了哪些特定规则，但它可能正在应用引导类之一，这些类被分配用于隐藏 CSS 中的内容，或者可以使用 javascript 添加它。如果你找不到它，你总是可以通过定义你自己的 CSS 样式并为其分配 display:block!important; 来覆盖它。然后用一个新的媒体查询也用 !important 标签覆盖它。只要 CSS 不是内联的，它就应该胜过 Bootstrap 所做的任何事情。

或者，如果您知道 Bootstrap 正在应用什么类，您可以将其移除 $('nav').removeClass('hidden');

【讨论】：

【解决方案2】：

768px 仍然大于 320px，所以你必须要么

1) 删除媒体查询（我会这样做）或者 2）制作（最大宽度：320px）

【讨论】：