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

Question

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

<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>

Answer 1

这应该将页脚放在底部。

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