第二导航栏位于顶部的第一导航栏下方 [英] Second navbar goes under the first navbar on top

问题描述

我正在使用Twitter引导程序，我有两个导航栏，但是第二个导航栏隐藏在第一个导航栏的下面

Hi I am using twitter bootstrap, and I am having two nav bar but the second navbar is hidden underneath of the first one

<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/

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

You wont be able to see my second nav as it is underneath of the first nav and I want the second nav bar to be just below it. Thank you

推荐答案

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

Simply take off the position: fixed rule for navbar-fixed-bottom and navbar-fixed-top. Or if you would not like to change it, add margin-top: 43px rule to your tabbable class.

这篇关于第二导航栏位于顶部的第一导航栏下方的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！