Eu estou a tentar criar um formulário muito simples com o Bootstrap que consiste apenas numa text bar e num botão de procurar. Mas, embora estejam os dois no mesmo .form-group
, a text bar tem uma width
de 100% e o botão fica em baixo, em vez de aparecer ao lado, como eu precisava.
Está ai um exemplo:
<form role="form">
<div class="form-group">
<label for="searchBar">Procurar:</label>
<input type="text" class="form-control pull-left" id="searchBar" placeholder="Procurar por:">
<button type="submit" class="btn btn-info pull-right" value="Procurar"> <span class="glyphicon glyphicon-search"></span>
</button>
</div>
</form>