Jquery 将侧边栏链接添加到引导“；“汉堡包”；菜单_Jquery_Css_Twitter Bootstrap

Jquery 将侧边栏链接添加到引导“；“汉堡包”；菜单

jquery css twitter-bootstrap

Jquery 将侧边栏链接添加到引导“；“汉堡包”；菜单,jquery,css,twitter-bootstrap,Jquery,Css,Twitter Bootstrap,我有一个用Bootstrap制作的页面，它有一个顶部导航栏和一个侧边栏。当前，当您将页面调整到较小的尺寸（或在手机/平板电脑上查看页面）时，侧边栏消失，顶部栏的链接进入“汉堡”菜单（仅在较小屏幕尺寸下显示的下拉菜单）。我想侧边栏的链接被添加到汉堡菜单以及，但不被显示在顶部酒吧时，屏幕是大的目前，我在顶部栏中有以下内容： <nav class="navbar navbar-inverse navbar-fixed-top"> (some other stuff) <di

我有一个用Bootstrap制作的页面，它有一个顶部导航栏和一个侧边栏。当前，当您将页面调整到较小的尺寸（或在手机/平板电脑上查看页面）时，侧边栏消失，顶部栏的链接进入“汉堡”菜单（仅在较小屏幕尺寸下显示的下拉菜单）。我想侧边栏的链接被添加到汉堡菜单以及，但不被显示在顶部酒吧时，屏幕是大的

目前，我在顶部栏中有以下内容：

<nav class="navbar navbar-inverse navbar-fixed-top">
(some other stuff)
    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav navbar-right">
        <li class="logout-link"><a href="logout url">Logout</a></li>
      </ul>
    </div>
</nav>

我希望它看起来像这样：

logout

Fizz
Buzz
Blah
======
logout

…而不在全尺寸屏幕的顶部栏中添加“嘶嘶嗡嗡”的内容。我该怎么做？我尝试将“dropdown”和“NavNavBar”类添加到侧边栏列中，但没有成功。

也许这会对您有所帮助或提供一些想法

您可以使用

navbar left

navbar right

分离导航链接，然后使用

navbar left

作为边栏，宽度超过768px。然后，您的所有链接将整合到767px下的移动导航中

注意：此设置适用于全宽布局（使用容器流体类），如果使用

容器

类，则必须对这些宽度进行调整

请参阅完整页上的工作示例代码段

正文{
填充顶部：50px；
}
@媒体屏幕和屏幕（最小宽度：768px）{
.侧栏导航。导航栏-导航栏-左侧{
顶部：50px；
底部：0；
左：0；
宽度：150px；
位置：固定；
背景：#222；
}
.侧栏导航。导航栏-导航栏-左侧>li{
显示：块；
浮动：无；
}
.主要内容{
左边距：150像素；
}
}
/***仅供演示***/
.主要内容.缩略图{
边界：无；
边界半径：0；
背景：rgba（255,255,255,0.75）；
盒影：0 1px 3px rgba（0,0,0,0.10），0 1px 2px rgba（0,0,0,0.20）；
填充：25px；
最大宽度：500px；
利润率：12.5倍自动；
}
/***仅用于演示***/


切换导航

也许这会对你有所帮助或给你一些想法