如何切换每个浏览器大小的侧边栏菜单？

Question

如何让menu-toggle按钮在每个浏览器尺寸的template中显示和隐藏侧边栏，而不仅仅是它小于767px？目前，只有浏览器窗口小于767px时才会显示该按钮。

这是它的CSS： - http://startbootstrap.com/templates/css/simple-sidebar.css

我尝试将display从none更改为inline-block，但现在菜单不再切换：

#menu-toggle {
  display: inline-block;
}

Answer 1

密钥位于@media查询中。在样式表的底部附近，您会注意到

@media (max-width:767px) {
    ...
}

无论您想要普遍使用哪种样式，只需将其从此块中移除，然后将它们放在样式表的正文中。

Answer 2

在你的css（上面的@media查询）中改变：

#menu-toggle {
 display: none;
}

为：

#menu-toggle {
 display: inline-block;
}