Bootstrap badge styles

There is example of badge, we can change default style of its by setting style like background. Badge can be put into button also. You have to remember setting Internet privilege for external scripts. 
<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
  <a href="#">Tizen Snippets <span class="badge" style="background-color:orange;">NEW</span></a><br>
  <br>
    <button type="button" class="btn btn-success">Inside button <span class="badge">OK</span></button>  
</div>
</body>
</html>
List

Responses

0 Replies