<< Click to Display Table of Contents >> Janela modal |
![]() ![]() ![]() |
Tela
Fonte
<!DOCTYPE html>
<html>
<head>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-responsive.min.css" rel="stylesheet">
<style>
</style>
</head>
<body>
<a href="#janelamodal" class="btn btn-primary" data-toggle="modal">Abrir janelinha</a>
<div class="modal fade hide" id="janelamodal">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">
×</button>
<h3>
cabecalho da janela</h3>
</div>
<div class="modal-body">
<p>
Texto do corpo da janela</p>
</div>
<div class="modal-footer">
<a href="http://www.google.com" class="btn btn-info">SIM!</a> <a href="#" class="btn btn-danger"
data-dismiss="modal">Fechar</a>
</div>
</div>
<div class="container">
<div class="row">
<div class="span6">
</div>
</div>
</div>
</body>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js"></script>
</html>