Bootstrap侧边栏页脚底部

Question

我有这个侧边栏代码：

<div id="wrapper">
    <div class="container">
        <!-- Sidebar -->
        <div id="sidebar-wrapper" style="background-color:#FFFFFF; border: 2px solid #8AC007;">
            <ul class="sidebar-nav">
                <li class="sidebar-brand">
                    <a href="#" id="sideHeader" style="background-color: #B4DDF1;">
                        MeetingBook
                    </a>
                </li>
                <li>
                    <div class="mb-sidebar-username" style="width: 80%;"> <h6>Buongiorno {{displayName}}</h6></div>
                    <a href="#creaMeeting">
                        I Tuoi Meeting
                    </a>
                    <!-- <div class="customHr">.</div> -->
                    <a href="#repositories">
                        Archivio
                    </a>
                </li>


                <li id="footer">
                    <!-- <footer class="block" style="display: table-row; height: 1px;"> -->
                        <div class="customHr">.</div>
                        <div style="width: 100%;">
                            <a href="#repositories" >
                                Copyright e note legali
                            </a>
                        </div>
                        <div class="customHr">.</div>
                        <a href="#repositories">
                            Versione
                        </a>
                        <div class="customHr">.</div>
                        <a href="#repositories">
                            Invio log e feedback
                        </a>
                         <div class="customHr">.</div>
                         <a href="#repositories">
                            Preferenze
                        </a>
                        <div class="customHr">.</div>
                        <a href="<c:url value="/security/logout" />">
                            Esci
                        </a>
                        <div class="mb-sidebar-footer-logo" style="background-color: #B4DDF1;">
                            <img src="<c:url value="/img/distro_sidebar_footer_logo.png" />" class="img-responsive"/>
                        </div>
                    <!-- </footer> -->
                </li>
            </ul>
        </div>
    </div>
</div>

我无法定位id = footer bottom。如果我使用position：fixed;底部：0;页脚向下，但当主页上保留关闭侧边栏页脚元素时。 一些建议？

感谢。