<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"> <div class="row"> <!-- Botões de Opcoes --> <div id="menu" class="col-md-12 col-md-offset-1" style="position: fixed;bottom: 10px;z-index: 999;"> <button id="btnCad" class="btn btn-lg btn-success glyphicon glyphicon-floppy-disk" accesskey="s" hidden><br><u>S</u>alvar</button> <button id="btnCon" class="btn btn-lg btn-success glyphicon glyphicon-save hidden" accesskey="c" ><br><u>C</u>onciliar</button> <button id="btnDesCon" class="btn btn-lg btn-warning glyphicon glyphicon-open hidden" accesskey="e" ><br><u>E</u>storno</button> <button id="btnDet" class="btn btn-lg btn-success glyphicon glyphicon glyphicon-eye-open" accesskey="v" hidden><br><u>V</u>er</button> <button type="reset" id="btnReset" class="btn btn-lg btn-primary glyphicon glyphicon-refresh" accesskey="n"><br><u>N</u>ovo</button> <button id="btnEdit" class="btn btn-lg btn-warning glyphicon glyphicon-pencil" accesskey="a" hidden><br><u>A</u>lterar</button> <button id="btnExc" class="btn btn-lg btn-danger glyphicon glyphicon-trash" accesskey="x" hidden><br>E<u>x</u>cluir</button> <button id="btnLoc" class="btn btn-lg btn-info glyphicon glyphicon-search" accesskey="l"><br><u>L</u>ocalizar</button> <button id="btnRel" class="btn btn-lg btn-default glyphicon glyphicon glyphicon-stats" accesskey="r" data-toggle="modal" data-target="#ModalRel"><br><u>R</u>elatório</button> </div> </div> <!-- Modal --> <div class="modal fade" id="ModalRel" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title" id="myModalLabel">Relatório</h4> </div> <div class="modal-body" style="/*padding-top: 0px;*/"> <div class="row" id="sp"><span class="label label-default">Selecione a pesquisa</span> <div data-toggle="buttons"> <label class="btn btn-danger glyphicon glyphicon-warning-sign" title="Lançamentos Não Baixados"><br><input type="radio" name="selecPesqui" id="option1" value="descn">Pendentes</label> <label class="btn btn-success glyphicon glyphicon-save" title="Lançamentos Baixados"><br><input type="radio" name="selecPesqui" id="option2" value="conc">Conciliado</label> <label class="btn btn-primary glyphicon glyphicon-certificate" title="Lançamentos Baixados/Conciliados e Pendentes/Abertos"><br><input type="radio" name="selecPesqui" id="option3" value="tods">Todos</label> <label class="btn btn-info glyphicon glyphicon-question-sign" title="Lançamentos por Período de Código"><br><input type="radio" name="selecPesqui" id="option4" value="id">Código</label> <label class="btn btn-default glyphicon glyphicon-header" title="Lançamentos por Histórico"><br><input type="radio" name="selecPesqui" id="option5" value="his">Histórico</label> <label class="btn btn-warning glyphicon glyphicon-credit-card" title="Resumo dos Lançamentos por Banco"><br><input type="radio" name="selecPesqui" id="option6" value="ban">Banco</label> </div> </div> <div class="modal-footer"> <button type="button" id="btnGerarRel" class="btn btn-lg btn-success glyphicon glyphicon-print" accesskey="g"><br><u>G</u>erar</button> <button onclick="$('#btnReset').click();" type="reset" class="btn btn-lg btn-primary glyphicon glyphicon-refresh"><br><u>N</u>ovo</button> <button type="button" class="btn" data-dismiss="modal">Fechar</button> </div> </div> </div> </div> </div><!-- /.modal --> </div>