我是bootstrap中的新手,我试图在网格中创建一个导航栏。
HTML:
<div class="container-fluid" id="header">
<div class="container">
<div class="col-md-9 pull-left">
<nav class="navbar navbar-default">
<div class="container-fluid">
<div>
<ul class="nav navbar-nav">
<li class="active"><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</div>
</div>
</nav>
</div>
</div>
CSS:
body div#header{
width:100%;
padding-bottom:514px;
background-image:url("../images/topbg.png");
background-size: cover ;
background-position:center; }
代码;
主要容器 - 液体具有背景图像。 问题是,当我调整浏览器的移动分辨率时,导航器变得更小,我调试代码,我重新发现它的发生,因为我将导航器放在“col-md-9”中。
这是在背景图片上放置导航栏的正确方法吗?
这里的代码在线: http://צבעיבאשקלון.co.il/stack/