Home Whiteboard Graphing Calculator Online Compilers Articles Tools
Tutorials Courses Jobs

Bootstrap Labels

Bootstrap HTML jQuery Javascript

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>
Updated on: 2020-06-12T18:22:09+05:30

206 Views

Learn More in Our Tutorials

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements