无法正确使用bootstrap固定底部导航栏

Question

我通过使用bootstrap 3固定底部导航栏创建了一个粘性页脚。它正常工作正常，但在一个页面我使用了自动完成器，因此当显示自动完成时，在这种情况下，我的页脚重叠最后2-3个值autocompleter。

页脚代码：

  <div class="navbar navbar-default navbar-fixed-bottom" style="height:30px;">
   <div class="container">
   <div class="row">
      <div class="col-md-4 col-xs-7">
            <p class="navbar-text text-center"> Copyright <i class="fa fa-copyright"></i> </p> 
      </div>
      <div class = "col-md-6">

      </div>
      <div class = "col-md-2 col-xs 5">
         <p class="navbar-text text-right"> Beta Version </p>                  
      </div>        
   </div>      
   </div>
</div>  <!--  navbar for the footer ends -->

我添加了问题的屏幕截图：

显示问题，因为我的自动完成符中的最后几个条目与页脚重叠。

Answer 1

您使用的是jquery-ui自动完成吗？

如果是这样，您可以尝试限制其中的结果。您可以看到此Limit results in jQuery UI Autocomplete