JSFiddle - React, Tailwind, and code Playground
by Mark
HTML
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<div class="jumbotron text-center">
<h2>Enter meaningful things.</h2>
</div>
<form class="form" action="##" method="post" id="deferralForm">
<div class="container" id="deferral">
<div class="form-group">
<div class="input-group col-xs-12">
<label for="agreeBonus"> I hereby elect to defer <div class="col-xs-2">
<input type="text" class="form-control" placeholder="Bonus Percentage">
</div>% any 2014 Management Incentive Bonus payable in 2015 (Maximum 85%). I understand this election is irrevocable after December 31, 2013.</label>
</div>
</div>
<div class="form-group">
<div class="input-group col-xs-12">
<label for="agreeBonus"> <div class="col-xs-2">
<input type="text" class="form-control" placeholder="Salary Amount">
</div><input type="radio" name="choice"/> No meat? <input type="radio" name="choice"/> Bacon ipsum dolor amet turducken short ribs boudin, sirloin flank pork belly ribeye brisket jowl fatback spare ribs pork. Turducken pork loin bacon short loin, frankfurter pork alcatra tri-tip.</label>
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-3"> Account 1</label>
<div class="input-group col-md-2">
<input class="form-control" type="text">
<span class="input-group-addon">%</span>
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3"> Account 2</label>
<div...