html - Bootstrap 导航栏搜索栏

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 ----------------------------------------

删除它，你应该没问题