Bootstrap Tutorial - Create danger button








The following code shows how to create danger button.

Example

<!DOCTYPE html>
<html>
<head>
<link
  href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css"
  rel="stylesheet">
<link
  href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css"
  rel="stylesheet">
<!-- www .  j av  a 2  s. c  om-->
<script type='text/javascript'
  src='http://code.jquery.com/jquery-1.10.1.js'></script>
<script type='text/javascript'>
$(window).load(function(){
    $(function(){
        var selectCount = 0;
        $("#bin").click(function(){
            selectCount++;
            $(this).text(" Remove Selected ("+selectCount+")");
        });
    });
});
</script>
</head>
<body style='margin:30px'>
  <a class="btn btn-danger" id="bin">
     <i class="icon-trash"></i>Remove Selected (0)</a>
</body>
</html>

Click to view the demo