Javascript 需要关于如何为small-med视口管理此引导页脚的建议吗

我正在研究页脚如何显示在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>

---

我最好的选择是什么来保持相似的高度，但包括页脚中的所有项目？也许是导航崩溃了，或者是掉了什么的。我怎样才能做到这一点？提前感谢

您不应该将页脚高度固定为固定的高度（让bootstrap对不同的屏幕执行其工作，使用DIV骨架而不是LI骨架），或者使用媒体查询。bootstrap在这里也提供了一个您想要的示例：。感谢您的回复。你能不能再简洁一点？我们将高度设置为刚性，因为在地图页面上滚动似乎很困难。这就是为什么我认为尝试将它保持在一条线上，或者像上面提到的那样使用dropup或collapse是明智的。如果它延伸到底部上方太远，地图的可用性就会大大降低，如果它延伸到底部，向下滚动以访问它是一项挑战。还有其他想法吗？您不应该将页脚的高度固定为固定的高度（让bootstrap对不同的屏幕执行其工作，使用DIV骨架而不是LI骨架），或者使用媒体查询。bootstrap在这里也提供了一个您想要的示例：。感谢您的回复。你能不能再简洁一点？我们将高度设置为刚性，因为在地图页面上滚动似乎很困难。这就是为什么我认为尝试将它保持在一条线上，或者像上面提到的那样使用dropup或collapse是明智的。如果它延伸到底部上方太远，地图的可用性就会大大降低，如果它延伸到底部，向下滚动以访问它是一项挑战。还有其他想法吗？