如何将此页脚与导航菜单中的底部对齐,并具有响应性

时间:2017-07-27 11:26:26

标签: html css twitter-bootstrap

我已尝试使用此代码将此页脚对齐到导航栏的底部。如何在底部获取此信息,它应该是响应式的

<div class="sidebar" data-color="green">
        <div class="sidebar-wrapper">
            <ul class="nav">
                /*menu code*/
            </ul>
            <footer class="footer pull-bottom"> 
                /*code*/
            </footer>
        </div>
        <div class="sidebar-background" style="background-image: url(img.png)"></div>
    </div>

enter image description here

1 个答案:

答案 0 :(得分:2)

这应该将页脚放在底部。

.footer {
    position: absolute;
    bottom: 0;
}