保持Twitter Bootstrap nav-collapse不会扩展某些元素

Question

使用Bootstrap 2.3.2，当浏览器宽度缩小时，我使用class="nav-collapse collapse"隐藏某些元素。即使用户单击切换按钮以展开导航，我也希望保留一些元素折叠。是否有一些类可以应用于元素来执行此操作？

Answer 1

您可以使用自适应实用程序类（http://getbootstrap.com/2.3.2/scaffolding.html#responsive）

例如，此处“关于”链接隐藏在手机和平​​板电脑上：

<div class="nav-collapse collapse">
        <ul class="nav">
          <li class="active"><a href="#">Home</a></li>
          <li><a href="#about" class="hidden-tablet hidden-phone">About</a></li>
          <li><a href="#contact">Contact</a></li>
        </ul>
</div>

Bootply演示：http://bootply.com/87932