Question

我有一个带搜索功能的导航栏，但搜索功能略低于其他项目。

图片：http://i.imgur.com/B55nIAq.jpg（博客和我联系的操作人员）

这是导航栏内的代码（只有主页和搜索）

<!-- Navigation Links -->
            <div class = "collapse navbar-collapse navHeaderCollapse">

                <ul class = "nav navbar-nav navbar-right">

                    <li><a href = "../index.html">Home</a></li>
                    <li>
                        <form class="navbar-form navbar-left form-inline" id="search" role="search">

                            <div class="form-group-group">
                                <<div class="input-group" style="width: 220px;">
                                    <input type="text" class="form-control" placeholder="Search">
                                    <span class="input-group-btn">
                                        <button class="btn btn-default" type="button"><b class = "glyphicon glyphicon-search"></b></button>
                                    </span>
                                </div>
                            </div> <!-- END form group div -->

                        </form> <!-- END search bar form -->

                    </li>
                </ul> <!-- END navbar list -->

            </div> <!-- END navbar collapse div -->

任何人都可以修复它，以便搜索栏与其他链接处于同一级别。

Answer 1

由于HTML中的<符号，它也可以在您的图片中找到：

    <<div class="input-group" style="width: 220px;">

--- ^ here ----------------------------------------

删除它，你应该没事

Bootstrap Navbar搜索栏

1 个答案: