bootstrap導航欄自動完成問題

Question

我正在使用bootstrap。我在輸入框中添加了一個Google自動完成功能。但自動完成功能出現在導航欄下方。

css文件是在這裏http://getbootstrap.com/2.3.2/assets/css/bootstrap.css

<form class="navbar-form pull-right"> 
    <div class="input-prepend input-append"> 
     <div class="btn-group"> 
      <button class="btn dropdown-toggle" data-toggle="dropdown"> 
       Place Search 
       <span class="caret"></span> 
      </button> 
      <ul class="dropdown-menu"> 
       <li><a href="#">Places</a></li> 
       <li><a href="#">Something 1</a></li> 
       <li><a href="#">Something 2</a></li> 
      </ul> 
     </div> 
     <input class="input-xlarge" id="searchBox" type="text"> 
     <div class="btn-group"> 
      <button type="submit" class="btn dropdown-toggle">S</button> 
     </div> 
    </div> 

</form> 

Answer 1

  <ul class="dropdown-menu" style="position:relative;z-index:99"> 
      <li><a href="#">Places</a></li> 
      <li><a href="#">Something 1</a></li> 
      <li><a href="#">Something 2</a></li> 
     </ul> 

使用position:relative;z-index:99