esto tentando fazer um nav bar com um campo de pesquisa centralizado.. eu até consegui fazer mais acredito não estar da melhor forma, pois quando abro em um smartphone fica tudo estranho...
Segue abaixo meu código.
<div class="top_nav">
<div class="nav_menu">
<nav>
<div class="nav toggle">
<a id="menu_toggle"><i class="fa fa-bars"></i></a>
</div>
<!-- campo para pesquisa-->
<form class="navbar-form navbar-left" action="listaProcessos.html">
<div class="input-group" style="margin: 4px 0 0 250px; width:400px">
<input type="text" class="form-control" placeholder="Pesquisar">
<div class="input-group-btn">
<button class="btn btn-default" type="submit" >
<i class="glyphicon glyphicon-search" style="color:#5A738E"></i>
</button>
</div>
</div>
</form>
<!--fim campo de pesquisa-->
</nav>
</div>
</div>