Bootstrap Labels

BootstrapHTMLjQueryJavascript

Labels are great for offering counts, tips, or other markups for pages.

Example

Use class .label to display labels and try to run the following code

Live Demo

<!DOCTYPE html>
<html>
   <head>
      <title>Bootstrap Example</title>
      <link href = "/bootstrap/css/bootstrap.min.css" rel = "stylesheet">
      <script src = "/scripts/jquery.min.js"></script>
      <script src = "/bootstrap/js/bootstrap.min.js"></script>
   </head>
   <body>
      <h1>Tutorials
         <span class = "label label-default">
            150
         </span>
      </h1>
      <h2>Quiz
         <span class =" label label-default">
            90
         </span>
      </h2>
   </body>
</html>
raja
Updated on 12-Jun-2020 18:22:09

Advertisements