Twitter bootstrap 3 根据宽度隐藏引导导航栏

我有以下引导代码：

  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#collapse-1" aria-expanded="false">
    <span class="sr-only">Toggle navigation</span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
  </button>

<div class="collapse navbar-collapse" id="collapse-1">
  <ul class="nav navbar-nav">
    <li class="active"><a href="#">Link 1<span class="sr-only">(current)</span></a></li>
    <li><a href="#">Link 2</a></li>                                                                          
  </ul>

切换导航

---

当屏幕宽度较小时，它将链接1和链接2折叠到折叠菜单中，否则它只显示在导航栏中。当屏幕宽度较大时，是否有办法在导航栏中隐藏链接1和链接2，并仅显示为折叠菜单选项？

完全隐藏？或者您想在大屏幕上显示“汉堡包”图标。@makshh在大屏幕上完全隐藏链接和汉堡包图标。您可以使用

nav

class将

visible xs

class添加到div中。这很有效。谢谢@makshh！