<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 ----------> <div class="container-fluid"> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Licenças Ambientais</legend> <!-- File Button --> <div class="form-group"> <label class="string required col-md-2 control-label" for="licenca_ambiental_comprovante_codigo_licenca"><abbr title="obrigatório">*</abbr> Código da licença</label> <div class="col-md-2"> <input id="licenca_ambiental_comprovante_codigo_licenca" name="licenca_ambiental_comprovante[codigo_licenca]" class="form-control input-md" type="text"> </div> </div> <div class="form-group"> <label class="string required col-md-2 control-label" for="licenca_ambiental_comprovante_data_emissao"><abbr title="obrigatório">*</abbr> Data da emissão</label> <div class="col-md-2"> <input id="licenca_ambiental_comprovante_data_emissao" name="licenca_ambiental_comprovante[data_emissao]" class="form-control input-md" type="text"> </div> </div> <div class="form-group"> <label class="string required col-md-2 control-label" for="licenca_ambiental_comprovante_data_validade"><abbr title="obrigatório">*</abbr> Data da validade</label> <div class="col-md-2"> <input id="licenca_ambiental_comprovante_data_validade" name="licenca_ambiental_comprovante[data_validade]" class="form-control input-md" type="text"> </div> </div> <div class="form-group"> <label class="string required col-md-2 control-label" for="bombeiro_comprovantes[comprovante]"><abbr title="obrigatório">*</abbr> Certificado Corpo de Bombeiros</label> <div class="col-md-2"> <input id="bombeiro_comprovantes[comprovante]" name="bombeiro_comprovantes[comprovante]" class="input-file" type="file"> </div> </div> <div class='actions col-sm-2 col-sm-offset-2'><input type="submit" name="commit" value="Salvar" class="btn btn-success" /></div> </fieldset> </form> <hr /> <div class="panel panel-default col-md-4 col-md-offset-4"> <div class="panel-heading"> <h3 class="text-center">Histórico</h3> </div> <table class="table table-responsive table-hover" id="historico"> <thead> <tr> <th>Código licença</th> <th>Data Emissão</th> <th>Data Validade</th> <th>Situação</th> <th></th> </tr> </thead> <tbody> <tr> <td>123456</td> <td>01/01/2016</td> <td>15/12/2016</td> <td><span class="label label-success"> Atualizado </span></td> <td class="actions text-center"> <a class="btn btn-sm btn-info" href="#">Download</a> </td> </tr> </tbody> </table> </div>