html - 无法正确使用 Bootstrap 固定底部导航栏

Question

我使用 bootstrap 3 固定底部导航栏创建了一个粘性页脚。它正常工作，但在一页上我使用了自动完成器，所以当显示自动完成器时，在这种情况下，我的页脚与自动完成器。

页脚代码:

  <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