Html 引导导航条重叠div标签
我已经玩了一段时间,觉得是时候寻求帮助了。 我有一个容器,里面有一个链接,链接下面有一个标签,下面是导航栏。 我尝试了一些设置,但都没有成功。 有那么一会儿,我以为我成功了 [编辑]以下是我一直在玩弄的代码:Html 引导导航条重叠div标签,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我已经玩了一段时间,觉得是时候寻求帮助了。 我有一个容器,里面有一个链接,链接下面有一个标签,下面是导航栏。 我尝试了一些设置,但都没有成功。 有那么一会儿,我以为我成功了 [编辑]以下是我一直在玩弄的代码: <div style=" background-color:#f0f0f1; width:inherit;"> <div class="container"> <!--Page Title Section -->
<div style=" background-color:#f0f0f1; width:inherit;">
<div class="container">
<!--Page Title Section -->
<div class="container">
<div style="float:left;">
<br />
<a href="#">Back to Link</a>
<p class="pagelabelspacer">
<asp:Label ID="PageTitleLabel" CssClass="pageTitle" runat="server">Page Title.</asp:Label>
</p>
</div>
</div><!-- /.container-collapse -->
</div>
<!--End Page Title Section-->
<!--Nav Bar -->
<div class="container">
<nav class="navbar navbar-inverse navbar-default">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 1</a></li>
</ul>
</div>
</nav>
</div>
<!--End Nav Bar -->
</div>
[编辑]我的问题:
谢谢 如何使导航栏不与链接和标签重叠? 需要车身衬垫 固定导航栏将覆盖其他内容,除非在导航栏底部添加填充。尝试你自己的价值观或使用 下面是我们的片段。提示:默认情况下,导航栏的高度为50px 正文{填充底部:70px;} 确保在核心引导CSS之后包含此内容 是否有方法覆盖默认导航颜色?
如果您使用的是SASS或更少的引导,则可以更改变量以操纵元素的各种属性。请在此处包含代码,并且您的链接也不起作用。谢谢doctorep。我不敢相信我错过了getbootstrp.com网站上的链接。现在看起来很时髦。希望能帮你整理一下,我开始使用Boostrap时也遇到过同样的问题。