Janela modal

<< Click to Display Table of Contents >>

Navigation:  Bootstrap >

Janela modal

Previous pageReturn to chapter overviewNext page

Tela

 

bootstrap19

 

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">

              &times;</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>