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>
<div class="container">
    <div class="row">
        <div class="col-md-12">
            <div class="row">
                <div class="col-md-4">
                    <div class="card biggercard">
                        <div class="cardHeader">Biggest Header</div>1</div>
                </div>
                <div class="col-md-4">
                    <div class="card">
                        <div class="cardHeader">Second Header</div>2</div>
                </div>
                <div class="col-md-4">
                    <div class="card">
                        <div class="cardHeader">Third</div>3</div>
                </div>
            </div>
        </div>
        <div class="col-md-12">
            <div class="row">
                <div class="col-md-4">
                    <div class="card">
                        <div class="cardHeader">Fourth</div>4</div>
                </div>
                <div class="col-md-4">
                    <div class="card">
                        <div class="cardHeader">5th</div>5</div>
                </div>
                <div class="col-md-4">
                    <div class="card">
                        <div class="cardHeader">6th</div>6</div>
                </div>
            </div>
        </div>
        <div class="col-md-12">
            <div class="row">
                <div class="col-md-4">
                    <div class="card">
                        <div class="cardHeader">Sevvven</div>7</div>
                </div>
                <div class="col-md-4">
                    <div class="card">
                        <div class="cardHeader">8th Time Lucky</div>8</div>
                </div>
                <div class="col-md-4">
                    <div class="card">
                        <div class="cardHeader">Ok 9th :)</div>9</div>
                </div>
            </div>
        </div>
   ...

CSS

@import url('http://getbootstrap.com/dist/css/bootstrap.css');
 .card {
    width: 100%;
    height: 150px;
    background: rgb(167, 199, 220);
    background: -moz-linear-gradient(top, rgba(167, 199, 220, 1) 0%, rgba(133, 178, 211, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(167, 199, 220, 1)), color-stop(100%, rgba(133, 178, 211, 1)));
    background: -webkit-linear-gradient(top, rgba(167, 199, 220, 1) 0%, rgba(133, 178, 211, 1) 100%);
    background: -o-linear-gradient(top, rgba(167, 199, 220, 1) 0%, rgba(133, 178, 211, 1) 100%);
    background: -ms-linear-gradient(top, rgba(167, 199, 220, 1) 0%, rgba(133, 178, 211, 1) 100%);
    background: linear-gradient(to bottom, rgba(167, 199, 220, 1) 0%, rgba(133, 178, 211, 1) 100%);
}
.biggercard {
    height: 175px;
}