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/

你将无法看到我的第二个导航，因为它位于第一个导航的下方，我希望第二个导航栏位于其下方。谢谢

Answer 1

只需取消position: fixed和navbar-fixed-bottom的{{1}}规则即可。或者，如果您不想更改，请将navbar-fixed-top规则添加到margin-top: 43px课程。

第二个导航栏位于顶部的第一个导航栏下方

1 个答案: