Preciso fazer o seguinte: Label em cima e controle em baixo dos labels. Peguei o exemplo da própria página do twitter bootstrap
e não está dando certo. Abaixo o meu código:
<div id="tabs-1">
<form role="form"><!--A tag ul contem os titulos das abas-->
<div class="form-group">
<div class="form-group">
<label for="txtCnpjPdv" >CNPJ/Razão Social:</label>
<input type="text" class="form-control;col-sm-2" id="txtCnpjPdv" placeholder="Digite o Cnpj">
@*</div>
<div class="form-group">*@
<label for="txtContato" >Contato:</label>
<input type="text" class="form-control;col-sm-2" id="txtContato" placeholder="Digite o Cnpj">
@*</div>*@
<label for="ddlFiltrarRede" class="col-sm-2 control-label">Filtrar Rede:</label>
@*<div class="col-sm-3">*@
<select class="form-control;col-sm-2" name="ddlTipoEvento" id="ddlFiltrarRede" >
<option value="SemFiltro">Sem Filtro</option>
<option value="Associativa">Associativa</option>
<option value="Franquia">Franquia</option>
<option value="Propria">Própria</option>
</select>
@*</div>*@
<label for="ddlFiltrarStatus" class="col-sm-2 control-label">Filtrar Status:</label>
@*<div class="col-sm-3">*@
<select class="form-control;col-sm-2" name="ddlTipoEvento" id="ddlFiltrarStatus" >
<option value="SemFiltro">Sem Filtro</option>
<option value="Ok">Ok</option>
<option value="Atençao">Atenção</option>
<option value="Erro">Erro</option>
<option value="NaoCadastrado">Não Cadastrado</option>
<option value="Desativado">Desativado</option>
</select>
@*</div>*@
<label for="ddlFiltrarVisao" class="col-sm-2 control-label">Visão:</label>
@*<div class="col-sm-3">*@
<select class="form-control;col-sm-2" name="ddlTipoEvento" id="ddlFiltrarVisao" >
<option value="Geral">Geral</option>
<option value="SouzaCruz">Souza Cruz</option>
</select>
@*</div>*@
</div>
</div>
</form>
</div>
Se eu retirar essa parte dos controles select(class="col-sm-2 control-label"
), fica tudo na mesma linha. O que quero é label em cima e controle em baixo.