<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.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 ----------> <div class="container"> <!-- PRIMEIRA LINHA --> <!-- NÚMERO NOTA FISCAL --> <div class="row"> <div class="col-md-3"> <div class="form-group"> <div class="col-md-8"> Nº Nota Fiscal* : </div> <div class="col-md-12"> <input type="text" class="form-control" id="numeronotafiscal" placeholder=""> </div> </div> </div> <!-- DATA NOTA FISCAL --> <div class="col-md-3"> <div class="form-group"> <div class="col-md-8"> Data Nota Fiscal* : </div> <div class="col-md-12"> <input type="text" class="form-control" id="datanotafiscal" placeholder=""> </div> </div> </div> <!-- VALOR NOTA FISCAL --> <div class="col-md-3"> <div class="form-group"> <div class="col-md-8"> Valor Nota Fiscal* : </div> <div class="col-md-12"> <input type="text" class="form-control" id="valornotafiscal" placeholder=""> </div> </div> </div> <!-- QUANTIDADE DE ITENS --> <div class="col-md-3"> <div class="form-group"> <div class="col-md-8"> Quantidade de Itens* : </div> <div class="col-md-12"> <input type="text" class="form-control" id="quantidadeitens" placeholder=""> </div> </div> </div> </div> <!-- SEGUNDA LINHA --> <!-- NATUREZA DA NOTA FISCAL --> <div class="row"> <div class="col-md-6"> <div class="form-group"> <div class="col-md-8"> Natureza da Nota Fiscal* : </div> <div class="col-md-12"> <input type="text" class="form-control" id="naturezanotafiscal" placeholder=""> </div> </div> </div> <!-- FORNECEDOR --> <div class="col-md-6"> <div class="form-group"> <div class="col-md-8"> Fornecedor* : </div> <div class="col-md-12"> <div class="btn-group"> <div class="col-md-14"> <div class="input-group"> <input type="text" class="form-control" placeholder="Selecione abaixo..."> <span class="input-group-btn"> <button type ="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> <span class="caret"></span> </button> </span> </input> <div class="btn-group"> <button id="btnova" name="btnova" class="btn btn-info"> <span class="glyphicon glyphicon-user"></span> </button> </div> </div> </div> </div> </div> </div> </div> </div> <!-- TERCEIRA LINHA --> <!-- BOTÕES --> <div class="btn-group"> <button id="btsalvar" name="btsalvar" class="btn btn-success">Salvar</button> </div> <div class="btn-group"> <button id="btlimpar" name="btlimpar" class="btn btn-danger">Limpar</button> </div> <div class="btn-group"> <button id="btnova" name="btnova" class="btn btn-info">Nova</button> </div> <p></p> <p></p> <p class="text-danger">Campos Obrigatórios: *</p> </div>