Bootstrap 3 Skeleton

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

by JoshC

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script>
<div class='fluid-container'>
    <ul class='foo'>
        <li class='bar row'>
            <div class='a'>asdf</div>
            <div class='b'>asdgf</div>
            <div class='c'>asj</div>
            <div class='d pull-right'>this needs a css triangle</div>
        </li>
    </ul>
</div>

CSS

@import url('http://getbootstrap.com/dist/css/bootstrap.css');
 .foo {
}
.bar {
    height: 34px;
    font-size: 14px;
    padding-right: 10px;
    background: #ddddcd;
}
.a {
    display: inline-block;
}
.b {
    display: inline-block;
}
.c {
    display: inline-block;
}
.d {
    margin-top: 0.5em;
    display: inline-block;
    background: #dd4397;
    position:relative;
}
.d:before {
    content:"\A";
    border-style: solid;
    border-width: 10px 15px 10px 0;
    border-color: transparent #dd4397 transparent transparent;
    position: absolute;
    left: -15px;
}