搜索欄在導航欄下方

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演示，以便下次更好地演示問題。