twitter-bootstrap - 阻止 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