需要有关如何为小型医学视口管理此引导页脚的建议

时间:2016-01-05 16:48:22

标签: javascript html css twitter-bootstrap

我正在处理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/">&copy; 2016 Mogile Technologies</a></li>
  <li><a id="opposingLanguage" class="mousePointer"></a></li>
</ul>
</nav>
</footer>

保持相似高度的最佳选择是什么,但包含页脚中的所有项目?也许是一个崩溃导航,或者是一个下降或什么的。我怎么能做到这一点?提前致谢

0 个答案:

没有答案