JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://getbootstrap.com/dist/css/bootstrap.css">
<a href="#" data-toggle="modal" data-target=".loginform">Login</a>
<!- Popup start-->

											<div id="login" class="modal fade loginform" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
												<div class="modal-dialog modal-lg">
													<div class="modal-content">
														<div class="modal-header">
															<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
															<h4 class="modal-title">Login</h4>
														</div>
														<div class="modal-body" style="width:100%;height:150px;">
															
															<div style="width:250px;height:150px;float:left;margin-right:50px;">
																<div class="form-group">
																	<input type="text" class="form-control" placeholder="Email">
																</div>
																<div class="form-group">
																	<input type="password" class="form-control" placeholder="Password">
																</div>
																<div class="form-group">
																	<div class="checkbox">
																		<label>
																			<input type="checkbox"><span style="font-size:12px;display:block;">Remember me</span>
																		</label>
																	</div>
																</div>
															</div>
															
															
															
														</div>
														<div class="modal-footer">
															<a data-toggle="modal" data-target=".forgotpassword" href="#" style="float:left;font-size:14px;">Forgot Password</a>
															<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
															<button type="button" class="btn btn-primary">Login</button>
														</div>
													</div><!-- /.modal-content...