JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<div class="row" style="margin-left: 0; margin-right: 0;">
<form action="#" class="form-horizontal" role="form" name="x" method="post" accept-charset="utf-8">
<div class="form-group">
<label class="col-xs-3 control-label" for="Data">Data:</label>
<div class="col-xs-9">
<input style="width:80%;float:left;" id="data" type="text" class="form-control" />
<div style="float:left;">next text</div>
</div>
</div>
</form>
</div>