引導導航欄自動完成問題

Question

我正在使用引導程序。 我在輸入框中添加了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