静态页脚与引导程序

时间:2015-03-08 12:48:38

标签: html css twitter-bootstrap

navbar-static-bottom是否有替代品?目前我设置了这样的页脚:

<div class="navbar navbar-default navbar-fixed-bottom">
            <div class="container">
                <p class="navbar-text pull-left">&copy; 2015 by Someone. </p>
                <ul class="nav navbar-nav navbar-right">
                        <li><a href="/Default"><strong>Test</strong></a></li>
                    </ul>
            </div>
        </div>

有没有人有静态页脚的例子?也就是说,页脚行为与navbar-static-top的行为方式相同?我尝试的一切都在失败。 我在这上面找不到任何东西。我必须错过一些似乎是这种常见替代品的东西。

2 个答案:

答案 0 :(得分:1)

页脚

,设置

bottom: 0;
position: absolute;
width: 100%

示例http://getbootstrap.com/examples/sticky-footer-navbar/

答案 1 :(得分:1)

接受的答案会将您的页脚放在页面底部。如果你想在窗口底部有一个粘性页脚可能更长的内容,你需要这个:

position: fixed;
bottom: 0;
width: 100%;