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="form-group">
                <label for="" class="control-label">Paycheck</label>
                <div class="input-group input-group-lg">	<span class="input-group-addon">$</span> 
                    <input type="text" class="form-control" id="" />
                </div>
            </div>
            <div class="form-group">
                <label for="" class="control-label">Investments</label>
                <div class="input-group input-group-lg">	<span class="input-group-addon">$</span>

                    <input type="text" class="form-control" id="" />
                </div>
            </div>
            <div class="form-group">
                <label for="" class="control-label">Other</label>
                <div class="input-group input-group-lg">	<span class="input-group-addon">$</span> 
                    <input type="text" class="form-control" id="" />
                </div>
            </div>
            <button class="btn btn-lg btn-primary btn-block" type="submit">Update</button>
        </form>
    </div>

CSS

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