JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.2/js/bootstrap.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
		<div class="col-md-6">
			<div class="content">
				<h2>Income</h2>
			<form class="form-income" role="form">
				
				<div class="input-group input-group-lg">
				<label for="" class="control-label">Paycheck</label>
					<span class="input-group-addon">$</span> 
					<input type="text" class="form-control" id="">
				</div>
				
				<div class="input-group input-group-lg">
				<label for="" class="control-label">Investments</label>
					<span class="input-group-addon">$</span>
					<input type="text" class="form-control" id=""> 
				</div>
				
				<div class="input-group input-group-lg">
				<label for="" class="control-label">Other</label>
					<span class="input-group-addon">$</span> 
					<input type="text" class="form-control" id="">
				</div>
			
				<button class="btn btn-lg btn-primary btn-block" type="submit">Update</button>
			</form>

			</div>

CSS

.input-group {
  margin-bottom: 10px;
}