Bootstrap 3 Template

This is a simple Twitter Bootstrap 3 template. You can fork it to get a ready to use Bootstrap 3 fiddle.

by jimkennelly

HTML

<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<div class="container">

    <!-- Single button -->
<div class="btn-group">
  <button type="button" class="btn btn-default dropdown-toggle btn-danger" data-toggle="dropdown" aria-expanded="false">
    On Web <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" role="menu">
    <li><a href="#">On Web</a></li>
    <li><a href="#">Acknowledge</a></li>
    <li><a href="#">In Process</a></li>
    <li class="divider"></li>
    <li><a href="#">Request Payment</a></li>
  </ul>
</div>
</div>

CSS

/* Latest compiled and minified CSS included as External Resource*/

/* Optional theme */
@import url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css');

body {
    margin: 150px 50px;
}

JavaScript

/* Latest compiled and minified JavaScript included as External Resource */




$('div.btn-group ul.dropdown-menu li a').click(function (e) {
    
    var $div = $(this).parent().parent().parent(); 
    var $btn = $div.find('button');
    
    $btn.html($(this).text() + ' <span class="caret"></span>');
    $div.removeClass('open');
    e.preventDefault();
    return false;
});