Bootstrap Skeleton

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

by veloper

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.0.1/bootstrap.min.js"></script>
<div class="container">
    <h3>CRUD</h3>
    <div>
        <a class="btn"><i class="icon-plus"></i> Add / Create</a>
        <a class="btn"><i class="icon-pencil"></i> Edit / Modify</a>
        <a class="btn"><i class="icon-trash"></i> Delete / Remove</a>
        <a class="btn"><i class="icon-search"></i> View / Inspect</a>
    </div>
    <h3>Decision</h3>
    <div>
        <a class="btn"><i class="icon-chevron-left"></i> Back</a>
        <a class="btn"><i class="icon-ban-circle"></i> Cancel</a>
        <a class="btn"><i class="icon-ok"></i> Ok / Save / Update / Submit</a>
    </div>
    <h3>Visibility</h3>
    <div>
        <a class="btn"><i class="icon-eye-open"></i> Public / Show</a>
        <a class="btn"><i class="icon-eye-close"></i> Private / Hide</a>
    </div>
    <h3>Files</h3>
    <div>
        <a class="btn"><i class="icon-upload"></i> Upload</a>
        <a class="btn"><i class="icon-download"></i> Download</a>
        <a class="btn"><i class="icon-file"></i> Attachments</a>
    </div>
    <h3>Misc</h3>
    <div>
        <a class="btn"><i class="icon-cog"></i> Settings / Options</a>
        <a class="btn"><i class="icon-briefcase"></i> Portfolio</a>
        <a class="btn"><i class="icon-road"></i> Audit / History</a>
        <a class="btn"><i class="icon-time"></i> Time</a>
        <br /><br />
        <a class="btn"><i class="icon-share"></i> Goto External Site</a>
    </div>
</diV>

CSS

@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css');

.container {margin: 10px;}
.container>div {margin-bottom:25px}
h3 {margin-bottom:5px}