<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<div class="container">
<div class="row">
<div class="col-md-12">
<ul class="breadcrumb">
<li> <a href="#">Home</a></li>
<li> <a href="#">Forms</a></li>
<li class="active">Edit</li>
</ul>
</div>
</div>
<div class="row">
<div class="col-md-8 col-sm-8 col-xs-9">
<div class="scrolling outer">
<div class="inner">
<table class="table table-striped table-hover table-condensed">
<tr>
<th>Date:</th>
<td>test:</td>
<td>Content One</td>
<td>Longer Content Two</td>
<td>Third Content Contains More</td>
<td>Short Four</td>
<td>Standard Five</td>
<td>Who's Counting</td>
</tr>
<tr>
<th><input type="text" class="form-control" value="03-03-2008"></th>
<td><input type="text" class="form-control" value="22"></td>
<td><input type="text" class="form-control" value="22"></td>
<td><input type="text" class="form-control" value="22"></td>
<td><input type="text" class="form-control" value="22"></td>
<td><input type="text" class="form-control" value="22"></td>
