Bootstrap Navbar Search Bar

Question

У меня есть панель навигации с функцией поиска, но функция поиска немного ниже остальных элементов.

Image: http://i.imgur.com/B55nIAq.jpg (Ops что блог и Свяжитесь со мной активны)

Это код внутри навигационной панели (с единственным домом и поиска)

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

Удалите его, и вы должны быть хорошо