Alerts

<< Click to Display Table of Contents >>

Navigation:  Bootstrap >

Alerts

Previous pageReturn to chapter overviewNext page

Tela

 

bootstrap17

 

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>

  <div class="container">

      <div class="row">

          <div class="span12">

              <div class="alert alert-block">

                  <h4>

                       Alert block</h4>

                   texto texto texto texto texto texto texto texto texto texto texto texto texto texto

                   texto texto texto texto texto texto texto texto texto texto texto texto texto

              </div>

              <div class="alert alert-error">

                  <h4>

                       Alert Error</h4>

                   texto texto texto texto texto texto texto texto texto texto texto texto texto texto

                   texto texto texto texto texto texto texto texto texto texto texto texto texto

              </div>

              <div class="alert alert-success">

                  <h4>

                       Alert Sucess<a class="close" data-dismiss="alert" href="#">&times;</a></h4>

                   texto texto texto texto texto texto texto texto texto texto texto texto texto texto

                   texto texto texto texto texto texto texto texto texto texto texto texto texto

              </div>

              <div class="alert alert-info">

                  <a class="close" data-dismiss="alert" href="#">*</a>

                  <h4>

                       Alert Info</h4>

                   texto texto texto texto texto texto texto texto texto texto texto texto texto texto

                   texto texto texto texto texto texto texto texto texto texto texto texto texto

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