第二个导航栏在顶部的第一个导航栏下方。

Question

你好，我正在使用Twitter Bootstrap，我有两个导航条，但第二个导航条被隐藏在第一个导航条下面。

<div class="navbar navbar-fixed-top"> 
 <a class="brand" href="../"></a>
 <div class="navbar">
              <div class="navbar-inner">
                <div class="container">
                  <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">

第二个导航菜单是

<div class="tabbable">
    <ul id="myTab" class="nav nav-tabs">
      <li><a href="#home" data-toggle="tab">Home</a></li>
      <li><a href="#profile" data-toggle="tab">Profile</a></li>
      <li><a href="#messages" data-toggle="tab">Messages</a></li>
      <li><a href="#settings" data-toggle="tab">Settings</a></li>
    </ul>

这是完整的代码 http://jsfiddle.net/YZJ5M/

由于第二个导航栏位于第一个导航栏下面，所以您看不到它，我希望第二个导航栏位于第一个导航栏正下方。谢谢。

- benji_r

---

在这个类.thumbnails上移除margin-left。 ------------- 演示 http://jsfiddle.net/YZJ5M/1/ - Rohit Azad Malik

@RohitAzad 我刚刚尝试了，但是没有帮助我，这是我的第二个导航栏，它位于另一个导航栏下面 http://jsfiddle.net/YZJ5M/2/ 现在你看不到它。 - benji_r

你想要这个：http://jsfiddle.net/YZJ5M/3/ - Rohit Azad Malik

Answer 1

只需删除 navbar-fixed-bottom 和 navbar-fixed-top 中的 position: fixed 规则。或者如果您不想更改它，请在您的 tabbable 类中添加 margin-top: 43px 规则即可。

- Sidharth Mudgal

---

你知道怎样让CSS Bootstrap尽可能地小吗？它里面有很多我不需要的额外东西。 - benji_r

只需删除您不使用的规则即可 :) - Sidharth Mudgal