引导程序导航栏自动完成问题

时间:2013-09-27 08:10:13

标签: javascript html css twitter-bootstrap

我正在使用bootstrap。我在输入框中添加了Google自动填充功能。但自动完成功能显示在导航栏下方。

enter image description here

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>   

1 个答案:

答案 0 :(得分:0)

         <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