Question

我检查 bootstrap.min.css 并且导航栏，导航栏反向未提及宽度：100％ strong>和 navbar-fixed-top 类但仍然显示标题部分的 100％宽度。

<nav class="navbar navbar-inverse navbar-fixed-top" >
    <div class="container">
        <div >
            <h3>Free Area</h3>
        </div>
    </div>
</nav>

同样，我希望根据页面宽度以 100％宽度显示页脚。我在下面使用CSS和HTML代码，但它没有显示 100％宽度页脚。那么如何才能使页脚显示在整个页面宽度？

CSS

footer { margin: 0px 0; background:#006699; }

HTML

<footer>
    <div class="container">
        <div class="row ">
            <div class="col-md-6 col-sm-6">
                <h3>Section Area 01</h3>
                <ul>
                    <li><a href="#">Link1</a></li>
                    <li><a href="#">Link2</a></li>
                    <li><a href="#">Link3</a></li>
                </ul>
            </div>
            <div class="col-md-6 col-sm-6">
                <h3>Section Area 02</h3>
                <ul>
                    <li><a href="#">Link1</a></li>
                    <li><a href="#">Link2</a></li>
                </ul>
            </div>
        </div>
    </div>
</footer>

Answer 1

作为requested by the OP，OP面临的问题是，将<footer>或<header>限制在width的{{1}} Bootstrap框架。对此最好的解决方案是将元素直接放在身体下面。

所以，你的解决方案是，替换（可能）这个旧代码：

.container

要将其从<body> <div class="container"> <div class="row"> <div class="col-md-12"> <header>  </header>  <footer>  </footer> </div> </div> </div> </body>中取出，这会限制.container并将其直接放在width下，如下所示：

<body>

页脚使用Bootstrap 3不以整页宽度显示

1 个答案: