SO - 29862158

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

by Arun P Johny

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">
<span data-toggle="dropdown" aria-expanded="false" class="btn btn-primary btn-xs dropdown-toggle status_change"><span class="status">Frozen</span><span class="caret fiveML"></span></span>

<ul class="dropdown-menu status_change" role="menu" style="position: relative;">
    <li><a href="#">Waiting</a></li>
    <li><a href="#">Approved</a></li>
    <li><a href="#">Denied</a></li>    
    <li><a href="#">Frozen</a></li>
    <li><a href="#">Expired</a></li>
</ul>

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: 10px;
}

JavaScript

/* Latest compiled and minified JavaScript included as External Resource */
$('.status_change.dropdown-menu li').click(function () {
    $('.status_change.dropdown-toggle span.status').html($(this).find('a').html())
});