Question

我是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/

引导|在col中放置一个导航栏

0 个答案: