[CSS] Search field doesn't align!

[lokischw]

Hello Fellows,

First of all, Good Afternoon, I'm brazilian and new here, so, in advance, sorry for my english.

I'm trying to do a Nav bar with a search field on it and a button inside it to search, but the bar does not want to stay at the same row as the other buttons and the search one is not working!

Here's the printsreen:
EV_196.jpg

And here is my code:

<li><form method='post' action='?pagina=buscar' id='buscaform'>
<div class='form-group'>
  <div class='col-md-5'>
    <div class='input-group'>
      <input name='palavra' class='form-control' placeholder='Pesquisar Cliente...' type='text'>
      <span class='input-group-addon'><i class='glyphicon glyphicon-search'></i><input id='palavra' type='submit' value='Go' class='hidden' /></span>
    </div>
  </div>
</div>
</form>
</li>

[lokischw]

Did a lot of more research and with some changes in my code, i did it.

Thanks.

<li><form method='post' action='?pagina=buscar' id='buscaform' class='navbar-form' role='search'>
    <div class='input-group'>
      <input name='palavra' class='form-control' placeholder='Pesquisar Cliente...' type='text'>
	<div class='input-group-btn'>
<button class='btn btn-default' type='submit'><i class='glyphicon glyphicon-search'></i>
    </div>
</form>
</li>