JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<div id="questions-table">
    <div class="row"> <a href="question" class="col-md-7">This is forum question</a>
 <span class="col-md-1">25 answers</span>

        <div class="col-md-4" id="last-reply">
            <img data-src="holder.js/60x60"></img> <span id="author">Alexander</span>
 <span id="date">22 september 2014</span>

        </div>
        <!-- end col-md-4 -->
    </div>
    <!-- end row -->
</div>

CSS

#questions-table {
    background:#fc0;
    padding:20px;
}
#questions-table .row {
    background:#ccc;
    vertical-align:middle;
    padding:100px 0;
}
.col-md-7, .col-md-4, .col-md-1 {
    background:#369;
    padding:10px;
    display:inline-block;
}