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

我使用bootstrap 3固定底部导航栏创建了一个粘性页脚。它正常工作，但在一个页面上我使用了自动补全器，所以当显示自动补全器时，我的页脚与自动补全器的最后2-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 -->

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

---

这说明了问题所在，因为我的自动完成器中的最后几个条目被页脚重叠了。

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

---

如果是这样，您可以尝试限制其中的结果。您可以看到这一点

尝试将z-index属性添加到取消隐藏。