<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<div class="container">
<p>Tweaking <a href="http://twitter.github.io/bootstrap/" target="_blank">Bootstrap <i class="icon-external-link"></i></a> buttons</p>
<div class="btn-group btn-70px" data-toggle="buttons-radio">
<button class="btn active">Left</button>
<button class="btn">Middle</button>
<button class="btn last-child">Right</button>
<div class="selector"></div>
</div>
<div class="btn-group btn-40px" data-toggle="buttons-radio">
<button class="btn"><i class="icon-align-left"></i></button>
<button class="btn"><i class="icon-align-center"></i></button>
<button class="btn active"><i class="icon-align-right"></i></button>
<button class="btn last-child"><i class="icon-align-justify"></i></button> <div class="selector"></div>
</div>
<div class="btn-group btn-70px" data-toggle="buttons-checkbox">
<button class="active btn btn-on last-child"><i class="icon-star"></i></button>
<div class="selector"></div>
</div>
<div class="btn-group btn-30px" data-toggle="buttons-radio">
<button class="btn btn-mini active btn-off">Off</button>
<button class="btn btn-mini last-child">On</button>
<div class="selector"></div>
</div>
<div class="btn-group btn-45px" data-toggle="buttons-radio">
<button class="btn btn-mini btn-off">Off</button>
<button class="btn btn-mini active last-child">On</button>
