<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container">
<div class="row">
<div class="col">
<div class="login-panel panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Timeline Post</h3>
</div>
<div class="panel-body">
<form role="form">
<fieldset>
<div class="form-group">
<textarea class="form-control" rows="3" placeholder="Write in your wall" name="email" type="textarea" autofocus=""></textarea>
</div>
<!-- Change this to a button or input when using this as a form -->
<a href="javascript:;" class="btn btn-sm btn-success">Post</a>
</fieldset>
</form>
</div>
</div>
</div>
<div class="timeline-centered">
<article class="timeline-entry">
<div class="timeline-entry-inner">
<img src="http://checkmyathletics.com/profile/profiles/fcenteno16@gmail.com/photos/profile/develop_your_idea-1402163671.jpg" class=" timeline-icon img-circle">
<div class="timeline-label">
<h2><a href="#">Art Ramadani</a> <span>posted a status update</span></h2>
<p>Tolerably earnestly middleton extremely distrusts she boy now not. Add and offered prepare how cordial two promise. Greatly who affixed suppose but enquire compact prepare all put. Added forth chief trees but rooms think may.</p>
</div>
</div>
</article>
</div>
</div>
</div>
