Bootstrap 3 Skeleton

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

by itspers

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script>
<div class="row">
    <div class="col-sm-3">
        <div class="well red">sadsad
            <i class="glyphicon glyphicon-check"></i>
        </div>
        <div class="well x2">sadsadad
        <i class="glyphicon glyphicon-check"></i>
        </div>        
    </div>
    <div class="col-sm-3">
        <div class="well x2">fgdfgdiv
        
        <i class="glyphicon glyphicon-check"></i>
        </div>
        <div class="well blue">asdgfdgdg
        
            <i class="glyphicon glyphicon-check"></i>
        </div>
    </div>
    <div class="col-sm-3">
        <div class="well red">sadsad <i class="glyphicon glyphicon-check"></i></div>
        <div class="well">sadsadad <i class="glyphicon glyphicon-check"></i></div>
        <div class="well">asdgfdgdg <i class="glyphicon glyphicon-check"></i></div>
    </div>
    <div class="col-sm-3">
            <div class="well">sadsadad <i class="glyphicon glyphicon-check"></i></div>
        <div class="well x2">asdgfdgdg <i class="glyphicon glyphicon-check"></i></div>
    </div>
</div>

CSS

.row {
    width: 100%;
}

.col-sm-3 {
    width: 25%;
    float: left;

}



.well {    
    padding: 0px;
    height: 60px;
    position: relative;
    border: 1px solid black;
    border-radius: 5px;
    margin-left: 5px;
    margin-top: 5px;
}

.well.x2{
    height: 120px;
    
}

.well.red {
    background-color: red;
}
.well i::before{
    content: 'X';
}
.well i {    
    position: absolute;
    right: 10px;
    bottom: 10px;
    top: auto;
    font-size: 20px;
    
}

.well.blue {
    background-color: blue;
}