Bootstrap 3 Skeleton

HTML

<link rel="stylesheet" href="http://getbootstrap.com/dist/css/bootstrap.css">
<script src="http://getbootstrap.com/dist/js/bootstrap.js"></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css">
<div class="container">
    <div class="row">
        <div class="td col-xs-3 red">
            <h3>Column 1 Content</h3>
            <img class="img-responsive" src="http://dummyimage.com/300x400/000/fff">
        </div>
        <div class="td col-xs-3 blue">
            <h3>Column 2 Content</h3>
                        <img class="img-responsive" src="http://dummyimage.com/300x600/000/fff">
        </div>
        <div class="td col-xs-3 green">
            <h3>Column 3 Content</h3>
                        <img class="img-responsive" src="http://dummyimage.com/300x100/000/fff">
        </div>
        <div class="td col-xs-3 yellow">
            <h3>Column 4 Content</h3>
            <p>This is some dummy content</p>
        </div>
    </div>
</div>

CSS

.red{background:red;}
.blue{background:blue;}
.green{background:green;}
.yellow{background:yellow;}

.container {
    display: table;  
    border-spacing: 10px;
}
.row {
    display: table-row;    
}
.td {
    display: table-cell;  
    float: none;
}