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>