JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<body>
<div class="container">
<form class="form-horizontal" role="form">
  <div class="form-horizontal">
        <h4>Person</h4>
        <hr>
        
        <div class="form-group">
            <label class="control-label col-md-2" for="Name">Name</label>
            <div class="col-md-10">
                <input name="Name" class="form-control text-box single-line" id="Name" type="text" value="">
                <span class="field-validation-valid text-danger" data-valmsg-replace="true" data-valmsg-for="Name"></span>
            </div>
        </div>

        

        
<div class="form-group">
<label class="control-label col-md-2" for="Title">Title2</label>
<div class="col-md-10">
<div class="input-group">
                <input name="Title" class="form-control text-box single-line" id="Title" type="text" value="">
<span class="input-group-addon">@</span>
                </div>
            </div></div><div class="form-group">
            <div class="col-md-offset-2 col-md-10">
                <input class="btn btn-default" type="submit" value="Create">
            </div>
        </div>
    </div>
</form>
</div>
</body>