JSFiddle - React, Tailwind, and code Playground
by djp3d
HTML
<div class="col-md-12 col-xs-12" >
<div class="col-md-6 col-xs-6">
<div class="col-md-4 col-xs-4">
<label for="exampleInputName">Ticket Owner</label>
</div>
<div class="col-md-4 col-xs-4">
<label for="exampleInputName2">Daniel Blois</label>
</div>
</div>
<div class="col-md-6 col-xs-6">
<div class="col-md-4 col-xs-4">
<label for="exampleInputEmail2">Opened</label>
</div>
<div class="col-md-4 col-xs-4">
<label for="exampleInputEmail2">5/26/2015</label>
</div>
</div>
</div>
<div class="col-md-12 col-xs-12" >
<div class="col-md-6 col-xs-6">
<div class="col-md-4 col-xs-4">
<label for="exampleInputName">Ticket Owner</label>
</div>
<div class="col-md-4 col-xs-4">
<label for="exampleInputName2">Daniel Blois</label>
</div>
</div>
<div class="col-md-6 col-xs-6">
<div class="col-md-4 col-xs-4">
<label for="exampleInputEmail2">Opened</label>
</div>
<div class="col-md-4 col-xs-4">
<label for="exampleInputEmail2">5/26/2015</label>
</div>
</div>
</div>
<div class="col-md-12 col-xs-12" >
<div class="col-md-6 col-xs-6">
<div class="col-md-4 col-xs-4">
<label for="exampleInputName2">Closed</label>
</div>
<div class="col-md-4 col-xs-4">
<label for="exampleInputName2">5/26/2015</label>
</div>
</div>
<div class="col-md-6 col-xs-6">
<div class="col-md-4 col-xs-4">
<label for="exampleInputEmail2">Category</label>
</div>
<div class="col-md-4 col-xs-4">
<select class="form-control" id="CategoryId" name="CategoryId">
<option value="00000000-0000-0000-0000-000000000000">Microsoft Office</option>
</select>
</div>
</div>
</div>
<div class="col-md-12 col-xs-12" >
<div class="col-md-6 col-xs-6">
<div class="col-md-4 col-xs-4">
<label...
CSS
.col-xs-12{margin-bottom: 5px;}
.col-md-12 {margin-bottom: 5px;}