JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
<div class="col-md-4">
    <div class="row clearfix div_image">
        <img src="http://placehold.it/600x600" class="img-thumbnail" />
    </div>
    <div class="div_pills row clearfix">
        <ul class="nav nav-pills">
            <li>Text <span class="badge"> Number2 </span> 
            </li>
            <br>
            <li>Text2 <span class="badge">Number</span> 
            </li>
            <br>
        </ul>
    </div>
</div>

SCSS

.div_image{
    max-height: 230px;
    max-width: 230px;
    display: block;
}