我正在处理this site,并且遇到页脚如何在950 px宽以下显示的问题。所有的li都下降到彼此之下以适应页面,并且由于类“navbar-fixed-bottom”和设置的高度,它基本上将它们切掉并隐藏它们。我们的页脚是这样构建的:
<footer class="footer navbar-fixed-bottom">
<nav>
<ul class="nav navbar-nav navbar-right">
<li><a href="#" data-toggle="modal" data-target="#datareportsmodal" id="freeDataReports" class="mousePointer"></a></li>
<li><a id="embedTitle" class="mousePointer"></a></li>
<li><a id="privacyPolicy" class="mousePointer"></a></li>
<li><a id="termsUse" class="mousePointer"></a></li>
<li><a href="https://twitter.com/evchargehub" class="social mousePointer"><i class="fa fa-twitter"></i></a></li>
<li><a href="https://www.facebook.com/evchargehub" class="social mousePointer"><i class="fa fa-facebook"></i></a></li>
</ul>
<ul class="nav navbar-nav navbar-left">
<li><a href="http://www.mogiletech.com/">© 2016 Mogile Technologies</a></li>
<li><a id="opposingLanguage" class="mousePointer"></a></li>
</ul>
</nav>
</footer>
保持相似高度的最佳选择是什么,但包含页脚中的所有项目?也许是一个崩溃导航,或者是一个下降或什么的。我怎么能做到这一点?提前致谢