Html 如何通过引导创建一个正常的条?(不是导航)
我试图在我的网站顶部有一个栏,它不是一个导航栏。各种各样的东西都会放在这个吧台上。所以我在想如何使用Bootstrap来达到这个目的。有一个导航栏在引导,但我已经用它来导航我的酒吧。我也可以用于不同的目的吗Html 如何通过引导创建一个正常的条?(不是导航),html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我试图在我的网站顶部有一个栏,它不是一个导航栏。各种各样的东西都会放在这个吧台上。所以我在想如何使用Bootstrap来达到这个目的。有一个导航栏在引导,但我已经用它来导航我的酒吧。我也可以用于不同的目的吗 <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> <div class="container-fluid"> </div> </nav> 你不
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container-fluid">
</div>
</nav>
你不需要使用导航。对于其他钢筋和截面,请使用此代码:
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<p>Some text here or whatever you want</p>
</div>
</div>
</div>
您的导航具有位置:固定和最小高度:50px属性,因此不要忘了添加到下一节边距顶部:50px以便其可见。是的,您可以使用两个导航栏来实现此行为,方法是使用两个单独的导航栏,分别具有导航栏固定顶部和导航栏静态顶部。请参阅关于bootply。使用导航栏静态顶部而不是导航栏固定顶部作为引导的导航栏 在引导程序的导航栏之前添加“我的普通”栏,您可以根据需要自定义它 引导程序的启动模板- HTML
没有必要使用导航栏固定面板。非常感谢,这不是我想要的100%,但真的很有帮助。我很高兴我能帮上忙
<div id="normal-bar">My normal bar</div>
<div class="navbar navbar-inverse navbar-static-top">
......
</div>
body {
padding-top: 0px; /* It was 50px before */
}
#normal-bar {
/* Your CSS - It's only for DEMO */
background-color:#f00;
text-align:center;
padding:10px 0px;
font-size:20px;
}