JSFiddle - React, Tailwind, and code Playground
by Mark
HTML
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<!DOCTYPE html>
<html>
<head>
<!-- Latest compiled and minified CSS -->
<title>Invitation</title>
</head>
<body>
<div class="jumbotron text-center">
<h1>Welcome, ya filthy animals.</h1>
<h2>Please fill in the fields below complete the registration process.</h2>
</div>
<div class="container" id="registration">
<form class="form" action="##" method="post" id="registrationForm">
<fieldset>
<div class="form-group">
<div class="col-xs-6">
<label class="control-label" for="first_name">First Name</label>
<input type="text" class="form-control" name="first_name" id="first_name" placeholder="First name" title="Enter your first name.">
</div>
</div>
<div class="form-group">
<div class="col-xs-6">
<label class="control-label" for="last_name">Last name</label>
<input type="text" class="form-control" name="last_name" id="last_name" placeholder="Last name" title="Enter your last name.">
</div>
</div>
<div class="form-group">
<div class="col-xs-6">
<label class="control-label" for="phone">Phone</label>
<input type="text" class="form-control" name="phone" id="phone" placeholder="Enter phone" title="Enter your phone number.">
</div>
</div>
<div class="form-group">
<div class="col-xs-6">
<label class="control-label" for="mobile">Mobile</label>
<input type="text" class="form-control" name="mobile" id="mobile" placeholder="Enter mobile number" title="Enter your mobile number.">
</div>
</div>
<div class="form-group">
...