twitter-bootstrap – 如何在同一页面上显示多个Twitter Bootstrap导航栏?

前端之家收集整理的这篇文章主要介绍了twitter-bootstrap – 如何在同一页面上显示多个Twitter Bootstrap导航栏?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
可以在给定页面显示多个导航栏吗?
我想将一个倒置的导航栏固定在顶部,然后在某些页面上有一个第二个固定导航栏,作为附加的信息标题.

解决方法

当然可以有2个导航条.您可能需要调整代码以获得所需的方式…

Working Example

<div class="navbar navbar-static-top navbar-inverse">
  <div class="navbar-inner">
    <a class="brand" href="#">Brand</a>
    <ul class="nav">
      <li class="active"><a href="#">Home</a></li>
      <li><a href="#">Link</a></li>
      <li><a href="#">Link</a></li>
      <li><a href="#">More</a></li>
      <li><a href="#">Options</a></li>
    </ul>
  </div>
</div>
<div class="navbar">
  <div class="navbar-inner">
    <ul class="nav">
      <li><a href="#">Link</a></li>
      <li><a href="#">Link</a></li>
      <li><a href="#">Link</a></li>
      <li><a href="#">Link</a></li>
    </ul>
  </div>
</div>
原文链接:https://www.f2er.com/bootstrap/234118.html

猜你在找的Bootstrap相关文章