JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div class="col-md-7">
<div class="content">
<div class="row form-group">
<span class="col-md-3 text-right paddingtop_5px">Input 1:</span>
<div class="col-md-8">
<input type="text" class="form-control" />
</div>
</div>
<div class="row form-group">
<span class="col-md-3 text-right paddingtop_5px">Input 2:</span>
<div class="col-md-8">
<input type="text" class="form-control" />
</div>
</div>
<div class="row form-group">
<span class="col-md-3 text-right paddingtop_5px">Input 3:</span>
<div class="col-md-8">
<input type="text" class="form-control" />
</div>
</div>
<div class="row form-group">
<span class="col-md-3 text-right paddingtop_5px">Input 4:</span>
<div class="col-md-8">
<input type="text" class="form-control" />
</div>
</div>
<div class="row form-group">
<span class="col-md-3 text-right paddingtop_5px">Input 5:</span>
<div class="col-md-8">
<input type="text" class="form-control" />
</div>
</div>
</div>
<div class="content">
<div class="row form-group">
<span class="col-md-3 text-right paddingtop_5px">Input 6:</span>
<div class="col-md-8">
<input type="text" class="form-control" />
...
CSS
.content
{
margin-top: 30px;
-webkit-box-shadow: 0 1px 8px -2px rgba(50,50,50,.1);
-moz-box-shadow: 0 1px 8px -2px rgba(50,50,50,.1);
box-shadow: 0 1px 8px -2px rgba(50,50,50,1);
background-color: #fff;
padding: 15px;
}