панель поиска находится под навигационной панелью

Question

Панель поиска должна находиться внутри навигационной панели справа от XYZ, но она находится под панелью навигации. Что делать?

<div id="bar" class="navbar-inverse navbar-fixed-top"> 
    <div class="container"> 
     <div id="logo"> 
      <a href="main.php">XYZ</a> 
     </div> 
     <div class="col-xs-5"> 
      <form class="navbar-form" role="search"> 
       <div class="input-group"> 
        <input type="text" class="form-control" placeholder="Search" name="srch-term" id="srch-term"> 
        <div class="input-group-btn"> 
         <button class="btn btn-default" type="submit"><span class="glyphicon glyphicon-search"></span> 
         </button> 
        </div> 
       </div> 
      </form> 
     </div> 
    </div> 
</div> 

#bar{ 
    min-width: 800px; 
    background-color: #563d7c; 
    width:100%; 
    height:42px;  
    box-shadow: 0px 3px 25px #888888; 
    position: fixed; 
} 

Answer 1

Вы можете просто поплавать логотипом слева.

#logo{float:left;}

Answer 2

Первое, что нужно сделать, это обернуть .col-xs-5 в div.row.

Кроме того, попробуйте добавить демонстрационную версию jsfiddle для лучшей демонстрации проблемы в следующий раз.