【发布时间】：2015-07-12 20:09:49
【问题描述】：
我正在引导程序上制作一个响应式网站。我已经有一个响应式菜单，但我希望在屏幕宽度为 900 像素时出现“汉堡包”/菜单图标。我怎样才能做到这一点？因为它只在屏幕为 766px 且菜单已经与 logo 重叠时出现。
【问题讨论】：
标签： twitter-bootstrap menu icons width screen
【发布时间】：2015-07-12 20:09:49
【问题描述】：
如果你使用引导程序，你可以使用Glyphicons
<span class="glyphicon glyphicon-menu-hamburger"</span>
您可以将此跨度添加到导航中。 你可以用一个按钮或下拉类来包装它，让它做一些事情。
你也可以使用：
class="hidden"
或
class="visible"
这些允许控制图标何时可见或隐藏。
Bootstrap Responsive Utilities (hidden, visible, etc)
如果您不想使用 Glyphicons，可以使用 Font Awesome
【讨论】：
-
嗨，这是我正在使用的 切换导航 怎样才能让它在菜单与logo重叠之前以一定的尺寸出现？
或者更改菜单并将nmenu放在顶部
或减少包含站点徽标的 div（容器）的宽度（以 % 为单位）。您可以通过在 CSS 中添加 @media (query s) 来定价
或通过最小化菜单（更少的菜单主题以及主页和联系人的短名称和图标）来减小菜单栏的大小，并添加子菜单的
您提到的是您使用的引导导航类型的一个缺点。它的用途有限 大多数时候它可以通过上面提到的技巧来管理
切丝 JB-Webdev
【讨论】：