Como posicionar un <form> con css?

[fede5426]

Algo muy basico seria hacer esto:

Código HTML:

<nav>
  <ul class="nav-tabs">
    <li><a href="#">Home</a></li>
    <li><a href="#">Perfil</a></li>
    <li><a href="#">Chat</a></li>
    <li><a href="#">Lugares</a></li>
    <li><a href="#">Salir</a></li>
  </ul>
  <form class="form-buscar" action="buscar.php" method="post">
      <input id="buscar" type="text" name="buscar" /> 
      <input type="submit" value="Buscar"/>
  </form>
</nav>
 

Código CSS:

nav{
  width:800px;
  margin:0 auto;
  background-color:#c2c2c2;
}
 
.nav-tabs, .form-buscar{
  display:inline-block;
  vertical-align:middle;
}
 
.nav-tabs li{
  display:inline-block;
}
 

http://codepen.io/anon/pen/aOOWjd

Pero veo que estas usando bootstrap.. en su sitio tienen la explicacion de como hacer un navbar incluyendo links, dropdown menu y formularios de busqueda..

Te dejo el link para que lo revises: Components - Navbar | Bootstrap