JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<div class="container">
<!-- Row of columns -->
<div class="row-fluid"> <!-- BEGIN ROW -->
<div class="col-lg-3"> <!-- FIRST COL -->
<div class="panel panel-default">
<div class="panel-body">
<h4>Posted on</h4>
<p>22nd September 2013</p>
<h4>Tags</h4>
<a href="#" class="btn btn-primary btn-xs col-lg-12 newwrap" style="margin-bottom:4px; word-wrap:break-word;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a>
<a href="#" class="btn btn-primary btn-xs col-lg-12 newwrap" style="margin-bottom:4px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a>
<a href="#" class="btn btn-primary btn-xs col-lg-12 newwrap" style="margin-bottom:4px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a>
</div>
</div>
</div>
<div class="col-lg-9"> <!-- SECOND COL -->
<div class="panel panel-default">
<div class="panel-heading">
<h4>Post title</h4>
</div>
<div class="panel-body">
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eget suscipit justo. Maecenas eu tellus pharetra, porta erat id, facilisis dui. Sed vitae quam tortor. Pellentesque ligula mauris, convallis non libero eu, ullamcorper dignissim lacus. Vestibulum at gravida neque, ut sollicitudin massa. In sed lorem sollicitudin, interdum dui non, semper lectus. Etiam magna metus, fermentum a sagittis sodales, rhoncus in orci. Ut diam leo, gravida in libero ut, iaculis sodales ante. Quisque semper nulla non diam commodo convallis eu nec felis. Suspendisse euismod, quam in pharetra elementum, purus erat porta ante, non tincidunt odio nisi sed magna. In hac habitasse platea dictumst. Vestibulum ut luctus nibh. Sed sagittis tempor diam,...
CSS
.newwrap{
white-space: normal;
width:11em;
}