Labels e badges

<< Click to Display Table of Contents >>

Navigation:  Bootstrap >

Labels e badges

Previous pageReturn to chapter overviewNext page

Tela

 

bootstrap15

 

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

              <h2>

                   Inline labels</h2>

              <span class="label">Label default</span> <span class="label label-success">Sucess</span>

              <span class="label label-warning">Warning</span> <span class="label label-important">

                   Important</span> <span class="label label-info">Info</span> <span class="label label-inverse">

                       Inverse</span>

          </div>

          <div class="span6">

              <h2>

                   Badges</h2>

              <span class="badge">0</span> <span class="badge badge-success">1</span> <span class="badge badge-warning">

                   2</span> <span class="badge badge-important">3</span> <span class="badge badge-info">

                       4</span> <span class="badge badge-inverse">5</span>

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