"Formulario"
Bootstrap 3.3.0 Snippet by cafi

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Dados do Posto</legend> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="OC">Ordem de Compra</label> <div class="col-md-4"> <select id="OC" name="OC" class="form-control"> <option value="1">Option one</option> <option value="2">Option two</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="UF">Estado</label> <div class="col-md-4"> <select id="UF" name="UF" class="form-control"> <option value="1">Option one</option> <option value="2">Option two</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="municipio">Município</label> <div class="col-md-4"> <select id="municipio" name="municipio" class="form-control"> <option value="1">Option one</option> <option value="2">Option two</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">Centro / Planta</label> <div class="col-md-4"> <select id="selectbasic" name="selectbasic" class="form-control"> <option value="1">Option one</option> <option value="2">Option two</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">Unidade Operacional</label> <div class="col-md-4"> <select id="selectbasic" name="selectbasic" class="form-control"> <option value="1">Option one</option> <option value="2">Option two</option> </select> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="textarea">Descrição do Posto</label> <div class="col-md-4"> <textarea class="form-control" id="textarea" name="textarea"></textarea> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Data de Mobilização</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="Primeiro dia de trabalho" class="form-control input-md"> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">Função</label> <div class="col-md-4"> <select id="selectbasic" name="selectbasic" class="form-control"> <option value="1">Vigilante</option> <option value="2">Option two</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">Jornada</label> <div class="col-md-4"> <select id="selectbasic" name="selectbasic" class="form-control"> <option value="1">12 horas</option> <option value="2">Option two</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">Turno</label> <div class="col-md-4"> <select id="selectbasic" name="selectbasic" class="form-control"> <option value="1">Diurno</option> <option value="2">Noturno</option> </select> </div> </div> <!-- Select Multiple --> <div class="form-group"> <label class="col-md-4 control-label" for="equipamentos">Equipamentos</label> <div class="col-md-4"> <select id="equipamentos" name="equipamentos" class="form-control" multiple="multiple"> <option value="1">Revólver</option> <option value="2">Lanterna</option> </select> </div> </div> <!-- Select Multiple --> <div class="form-group"> <label class="col-md-4 control-label" for="exames">Exames</label> <div class="col-md-4"> <select id="equipamentos" name="equipamentos" class="form-control" multiple="multiple"> <option value="1">Sangue Completo</option> <option value="2">Eletrocardiograma</option> </select> </div> </div> <!-- Select Multiple --> <div class="form-group"> <label class="col-md-4 control-label" for="treinamentos">Treinamentos</label> <div class="col-md-4"> <select id="equipamentos" name="equipamentos" class="form-control" multiple="multiple"> <option value="1">Trabalho em Altura</option> <option value="2">Direção Defensiva</option> </select> </div> </div> <!-- Select Multiple --> <div class="form-group"> <label class="col-md-4 control-label" for="treinamentos">Ítens Complementares</label> <div class="col-md-4"> <select id="complementares" name="complementares" class="form-control" multiple="multiple"> <option value="1">Ônibus por posto por mês</option> <option value="2">Alimentação Vargem Grande por pessoa por dia</option> </select> </div> </div> <!-- Multiple Radios (inline) --> <div class="form-group"> <label class="col-md-4 control-label" for="radios">Ticket Alimentação</label> <div class="col-md-4"> <label class="radio-inline" for="radios-0"> <input type="radio" name="radios" id="radios-0" value="1"> Sim </label> <label class="radio-inline" for="radios-1"> <input type="radio" name="radios" id="radios-1" value="2"> Não </label> </div> </div> <!-- Multiple Radios (inline) --> <div class="form-group"> <label class="col-md-4 control-label" for="radios">Vale Transporte</label> <div class="col-md-4"> <label class="radio-inline" for="radios-0"> <input type="radio" name="radios" id="radios-0" value="1"> Sim </label> <label class="radio-inline" for="radios-1"> <input type="radio" name="radios" id="radios-1" value="2"> Não </label> </div> </div> <!-- Appended Input--> <div class="form-group"> <label class="col-md-4 control-label" for="appendedtext">Horas In Itinere</label> <div class="col-md-4"> <div class="input-group"> <input id="appendedtext" name="appendedtext" class="form-control" placeholder="" type="text"> <span class="input-group-addon">por dia</span> </div> </div> </div> <!-- Appended Input--> <div class="form-group"> <label class="col-md-4 control-label" for="appendedtext">Horas Intrajornada</label> <div class="col-md-4"> <div class="input-group"> <input id="appendedtext" name="appendedtext" class="form-control" placeholder="" type="text"> <span class="input-group-addon">por dia</span> </div> </div> </div> <!-- Appended Input--> <div class="form-group"> <label class="col-md-4 control-label" for="appendedtext">Horas Sobreaviso</label> <div class="col-md-4"> <div class="input-group"> <input id="appendedtext" name="appendedtext" class="form-control" placeholder="" type="text"> <span class="input-group-addon">por dia</span> </div> </div> </div> <!-- Appended Input--> <div class="form-group"> <label class="col-md-4 control-label" for="appendedtext">Hora Primeira Troca Turno (24h) ou Hora Início Jornada (12h)</label> <div class="col-md-4"> <div class="input-group"> <input id="textinput" name="textinput" type="text" placeholder="HH:MM" class="form-control input-md"> </div> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">Atividade</label> <div class="col-md-4"> <select id="selectbasic" name="selectbasic" class="form-control"> <option value="Eventual">Eventual</option> <option value="Permanente">Permanente</option> <option value="Projeto">Projeto</option> </select> </div> </div> <!-- Button (Double) --> <div class="form-group"> <label class="col-md-4 control-label" for="button1id"></label> <div class="col-md-8"> <button id="button1id" name="button1id" class="btn btn-info">Inserir</button> <!-- <button id="Desmobilizar" name="Desmobilizar" class="btn btn-danger">Desmobilizar</button> --> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Centro de Custo / Plano da Estrutura do Projeto (PEP)</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder="TABELA com Tipo, CC e rateio" class="form-control input-md"> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">Conta Contábil</label> <div class="col-md-4"> <select id="selectbasic" name="selectbasic" class="form-control"> <option value="1">Option one</option> <option value="2">Option two</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">CNPJ Contratada</label> <div class="col-md-4"> <select id="selectbasic" name="selectbasic" class="form-control"> <option value="1">Option one</option> <option value="2">Option two</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">Fiscal Responsável</label> <div class="col-md-4"> <select id="selectbasic" name="selectbasic" class="form-control"> <option value="1">A menos que seja o fiscal que peça a mobilização para gerente aprovar</option> <option value="2">Option two</option> </select> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="textarea">Observações</label> <div class="col-md-4"> <textarea class="form-control" id="textarea" name="textarea"></textarea> </div> </div> <!-- Button (Double) --> <div class="form-group"> <label class="col-md-4 control-label" for="button1id"></label> <div class="col-md-8"> <button id="button1id" name="button1id" class="btn btn-success">Mobilizar</button> <button id="Desmobilizar" name="Desmobilizar" class="btn btn-danger">Desmobilizar</button> </div> </div> </fieldset> </form>
.vcenter { display: inline-block; vertical-align: middle; float: none; }

Related: See More


Questions / Comments: