JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0-rc2/css/bootstrap.min.css">
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css">
<section id="features">
			<div class="container">
				<h1>h1 tag</h1>
				<div class="row">
					<div class="col-lg-4 col-md-4 col-sm-6 col-xs-6">
					<i class="icon-umbrella icon-4x"></i>
					<h2 class="topcontainer">!!</h2>
					<p>!!.</p>
					</div>
					<div class="col-lg-4 col-md-4 col-sm-6 col-xs-6">
						<i class="icon-retweet icon-4x"></i>
						<h2 class="topcontainer">!!</h2>
						<p>!!</p><br/>
					</div>
					<div class="col-lg-4 col-md-4 col-sm-6 col-xs-6">
						<i class="icon-map-marker icon-4x"></i> 
						<h2 class="topcontainer">!</h2>
						<p>! </p>
					<div class="col-lg-4 col-md-4 col-sm-6 col-xs-6">
						<i class="icon-magnet icon-4x"></i>
						<h2 class="topcontainer">!</h2>
						<p>!!</p>
						<!-- <a class="m-btn blue">scenario</a> -->
						<p style="display:none">!!</p>
					</div>
					<div class="col-lg-4 col-md-4 col-sm-6 col-xs-6">
						<i class="icon-exclamation icon-4x"></i>
						<h2 class="topcontainer">!!</h2>
						<p>!!.</p>
					</div>
					<div class="col-lg-4 col-md-4 col-sm-6 col-xs-6">
						<i class="icon-calendar icon-4x"></i>
						<h2 class="topcontainer">!!</h2>
						<p>!! </p>
					</div>
				</div>
			</div>
		</section>