JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://www.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://www.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap.min.css">
<div class="carousel slide" id="myCarousel">
<h4 class="carousel-title">Text title</h4>
<div class="carousel-inner">
<div class="item active">
<div class="span3 mef-3">
<div class="about portrait">
<div class="tooltip-demo">
<a href="#" rel="tooltip" data-placement="top" data-toggle="tooltip" data-title="">
<img class="img-circle" width="180" height="200" data-src="holder.js/360x270" alt="270x280" style="" src="http://placekitten.com/300/350">
</a>
</div>
<div class="caption">
<h3 class="name" style="text-align: center">Item 1</h3>
<p style="text-align: center">
Specialities</p>
</div>
<div class="mefradio">
<input type="radio" name="adviser" id="adviser" value=''>
<br>
</div>
</div>
</div>
<div class="span3 mef-3">
<div class="about portrait">
<div class="tooltip-demo">
<a href="#" rel="tooltip" data-placement="top" data-toggle="tooltip" data-title="">
<img class="img-circle" width="180" height="200" data-src="holder.js/360x270" alt="270x280" style="" src="http://placekitten.com/300/400">
</a>
</div>
<div class="caption">
<h3 class="name" style="text-align: center">Item 1</h3>
<p style="text-align: center">
Specialities</p>
...