<!DOCTYPE html>
<html>
<head>
<title>Bootstrap Badges</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
</head>
<body>
<div class="container-fluid">
<a href="#">Mobiles <span class="badge">80</span></a><br>
<a href="#">Laptops <span class="badge">35</span></a><br>
<a href="#">Desktops <span class="badge">20</span></a>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Adapts to active nav states</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
</head>
<body>
<div class="container-fluid">
<ul class="nav nav-pills" role="tablist">
<li role="presentation"><a href="#">Home</a></li>
<li role="presentation" class="active">
<a href="#">Mobiles <span class="badge">80</span></a></li>
<li role="presentation">
<a href="#">Tablets <span class="badge">14</span></a></li>
<li role="presentation">
<a href="#">Laptops <span class="badge">35</span></a></li>
</ul>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap Lables</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
</head>
<body>
<div class="container-fluid">
<h1>Free Time Learning <span class = "label label-default">F T L</span></h1>
<h2>Free Time Learning <span class =" label label-default">F T L</span></h2>
<h3>Free Time Learning <span class = "label label-default">F T L</span></h3>
<h4>Free Time Learning <span class = "label label-default">F T L</span></h4>
<h5>Free Time Learning <span class = "label label-default">F T L</span></h5>
<h6>Free Time Learning <span class = "label label-default">F T L</span></h6>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap Lables</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
</head>
<body>
<div class="container-fluid">
<span class = "label label-default">Default Label</span>
<span class = "label label-primary">Primary Label</span>
<span class = "label label-success">Success Label</span>
<span class = "label label-info">Info Label</span>
<span class = "label label-warning">Warning Label</span>
<span class = "label label-danger">Danger Label</span>
</div>
</body>
</html>
Our website is made possible by displaying ads to our visitors.
Please help us continue to provide you with free. So please disabling your ad blocker.