Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何通过引导创建一个正常的条?(不是导航)_Html_Css_Twitter Bootstrap - Fatal编程技术网

Html 如何通过引导创建一个正常的条?(不是导航)

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> 你不

我试图在我的网站顶部有一个栏,它不是一个导航栏。各种各样的东西都会放在这个吧台上。所以我在想如何使用Bootstrap来达到这个目的。有一个导航栏在引导,但我已经用它来导航我的酒吧。我也可以用于不同的目的吗

<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;
}