無法正確使用引導程序固定的底部導航欄

我已經使用引導程序3固定底部導航欄創建了一個粘性頁腳。它通常工作正常，但在一個頁面中，我使用了一個自動補全程序，因此當顯示autocompleter時，頁腳與自動填充器的最後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 -->

我添加的問題的屏幕截圖：

enter image description here