我需要我的页面页脚以使用Bootstrap 3拉伸整个页面 [英] I need my page footer to stretch the whole page using bootstrap 3

问题描述

我目前正在使用twitter bootstrap 3作为前端框架来构建网站.

I'm currently building a site using twitter bootstrap 3 as the frame work for the front end.

我正在尝试使页脚能够像导航栏和轮播一样扩展到100％的页面，但我一直将其保留在页面容器中.

I'm trying to get my footer to stretch to 100% of the page the same way the navbar and carousel do, but it keeps keeping it within the page container i think.

我真的很感谢一些帮助，因为我是一个使用Bootstrap的新手.

I'd really appreciate some help as I@m a bit of a novice with bootstrap.

页面为 http://dmc.dudmc.com

推荐答案

您将必须在以下内容之间包装页脚容器:

You're going to have to wrap the footer container between these:

<div role="navigation">
    <div class="container">

    <!-- your footer -->

    </div>
</div>

您可能需要进一步编辑类，但是默认情况下，这应该可行.

You may have to further edit the classes, but by default, this should work.

已编辑:再次查看您的代码，我发现您用于页脚的容器位于另一个容器中.我建议您将其从该容器中取出，或者直接将width:100%应用于这两个容器(在行中或在您的自定义CSS中).确保删除任何侧边距.

EDITED: having another look at your code i see that the container you use for your footer is within another container. I suggest you either take it out of that container or simply apply width:100% to both containers (in line or in your custom css). Make sure you remove any side margins.

这篇关于我需要我的页面页脚以使用Bootstrap 3拉伸整个页面的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！