JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
				<div class="col-sm-4" id="leftCol">
					<div class="panel panel-default">
						<div class="panel-body">
							<strong>Account Details</strong><p>
							<hr>
							<form class="form"  method="post" >
							  <div class="form-group">
								<label for="exampleInputName2">Username</label><p>
								<input name="txtUsername" type="text" class="form-control" placeholder="<?php  echo $user->loadUser()->username; ?>"> 			
							  </div>

							  <div class="form-group">
								<button type="submit" name="btnSaveUsername" class="btn btn-primary btn-sm pull-right">Save</button>
								<p>
							  </div>
							  
								<div class="form-group">
								<p>
								<label for="exampleInputName2">E-mail</label><p>
								<input name="txtEmail"  type="text" class="form-control" placeholder="<?php  echo $user->loadUser()->email; ?>">
								
							  </div>
							  
							  <div class="form-group">
							  <button type="submit" name="btnSaveEmail" class="btn btn-primary btn-sm pull-right">Save</button>
							  </div>
							  
							  </form>	
						</div>
					</div>
				</div>

CSS

/* Latest compiled and minified CSS included as External Resource*/

/* Optional theme */
@import url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css');

body {
    margin: 10px;
}