Bootstrap 3 Skeleton

This is a simple Bootstrap skeleton. You can fork it to get a ready to use Bootstrap fiddle.

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script>
<body>
<input type="button" class="btn btn-primary" value="Add Item" id="btnAddItem">
<ul id="container"></ul>
</body>

CSS

@import url('http://getbootstrap.com/dist/css/bootstrap.css');

body {
    padding: 20px;
}

#btnAddItem {
    margin-bottom: 15px;
}

#container > li {
    display: block;
    border-radius: 3px;
    position: relative;
    padding: 15px;
    background: #ecf0f1;
    margin-bottom: 15px;
}

JavaScript

$('#btnAddItem').on('click', function(){
    var content = '<li>This just a test content.<br>';
    content += '<div class="btn-group"><button type="button" class="btn btn-primary btn-sm dropdown-toggle" data-toggle="dropdown">Options <span class="caret"></span></button><ul class="dropdown-menu dropdown-options" role="menu" data-id="templateOrder"><li><a href="#" class="row-btn-update"> Update Item</a></li><li><a href="#" class="row-btn-update"> Update Item</a></li><li><a href="#" class="row-btn-delete"> Delete Item</a></li></</ul></div></li>';
    $('#container').append(content);
});