Formulários POSIÇÃO DOS CAMPOS

Formulários verticais

Sim, esse é aquele formulário básico que você não perde muito tempo e a <label> fica em cima do <input>.

Campo simples

Campo simples

Seletor  Selecione algo  Opção 1  Opção 2 

Seletor  Selecione algo  Opção 1  Opção 2 

Senha

Email

Data

 

<form role="form">
 <fieldset>
  <div class="row">
   <div class="form-group col-lg-4">
    <label for="exampleInputEmail1">Campo simples</label>
    <input type="text" class="form-control" id="exampleInputEmail1" placeholder="Insira seu texto aqui">
   </div>
   <div class="form-group col-lg-8">
    <label for="exampleInputEmail1">Campo simples</label>
    <input type="text" class="form-control" id="exampleInputEmail1" placeholder="Insira seu texto aqui">
   </div>
  </div>
  <div class="row">
   <div class="form-group col-lg-6">
    <label for="exampleInputEmail1">Seletor</label>
    <select class="form-control">
     <option value="">Selecione algo</option>
     <option value="">Opção 1</option>
     <option value="">Opção 2</option>
    </select>
   </div>
   <div class="form-group col-lg-6">
    <label for="exampleInputEmail1">Seletor</label>
    <select class="form-control">
     <option value="">Selecione algo</option>
     <option value="">Opção 1</option>
     <option value="">Opção 2</option>
    </select>
   </div>
  </div>
  <div class="row">
   <div class="form-group col-lg-3">
    <label for="exampleInputEmail1">Senha</label>
    <input type="password" class="form-control" id="exampleInputEmail1" placeholder="senha">
   </div>
   <div class="form-group col-lg-6">
    <label for="exampleInputEmail1">Email</label>
    <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Insira seu emai aqui">
   </div>
   <div class="form-group col-lg-3">
    <label for="exampleInputEmail1">Data</label>
    <input type="date" class="form-control" id="exampleInputEmail1" placeholder="Insira seu emai aqui">
   </div>
  </div>
  <div class="box-actions">
   <button type="submit" class="btn btn-primary">Enviar</button>
   <button class="btn btn-danger">Cancelar</button>
  </div>
 
 </fieldset>
</form>