第二导航栏位于顶部的第一导航栏下方 [英] 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屋!
查看全文