"Cadastro de Produtos"
Bootstrap 3.2.0 Snippet by aissonsene

<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.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>Cadastro de produto</legend> <!-- Select Basic --> <div id="control-group"> <div class="control-group"> <label class="control-label" for="txtgrupo">Grupo</label> <div class="controls"> <select id="txtgrupo" name="txtgrupo" class="input-medium"> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> </select> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="txtproduto">Produto</label> <div class="controls"> <input id="txtproduto" name="txtproduto" type="text" placeholder="" class="input-xlarge"> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="txtunidade">Unidade</label> <div class="controls"> <input id="txtunidade" name="txtunidade" type="text" placeholder="" class="input-small"> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="txtvalor">Preco</label> <div class="controls"> <input id="txtvalor" name="txtvalor" type="text" placeholder="" class="input-small"> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="txtobs">Observacao</label> <div class="controls"> <input id="txtobs" name="txtobs" type="text" placeholder="" class="input-xxlarge"> </div> </div> <!-- Button (Double) --> <div class="control-group"> <label class="control-label" for="txtenviar">Confirmar</label> <div class="controls"> <button id="txtenviar" name="txtenviar" class="btn btn-success">Send</button> <button id="txtcancelar" name="txtcancelar" class="btn btn-inverse">Cancel</button> </div> </div> </fieldset> </form>
body{ padding:3px; margin:10 auto; padding-top:0px } #control-group { background-color: #87CEFA; width:10%; margin:5 auto; -moz-boder-radius: 10px; -webkit-border-radius: 10px; height:350px; padding:5px; border:2px solid #000000; }

Related: See More


Questions / Comments: