您好,我正在使用 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/
您将看不到我的第二个导航栏,因为它位于第一个导航栏的下方,我希望第二个导航栏位于它的正下方。谢谢
最佳答案
只需取消 navbar-fixed-bottom
和 navbar-fixed-top
的 position: fixed
规则。或者,如果您不想更改它,请将 margin-top: 43px
规则添加到您的 tabbable
类。
关于html - 第二个导航栏位于顶部的第一个导航栏下方,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12702056/