JSFiddle - React, Tailwind, and code Playground

by sampottinger

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css">
<form class="papel-section form" id="section-General" role="form">
    <legend>General</legend>
    <div class="papel-subsection form-group">
        <div class="form-group">
            <label for="text-input-First_Name" class="control-label">First Name *</label>
            <input type="text" class="input-medium papel-text-input form-control" id="text-input-First_Name">
        </div>
        <div class="form-group">
            <label for="text-input-Middle_Name" class="control-label">Middle Name</label>
            <input type="text" class="input-medium papel-text-input form-control" id="text-input-Middle_Name">
        </div>
        <div class="form-group">
            <label for="text-input-Last_Name" class="control-label">Last Name *</label>
            <input type="text" class="input-medium papel-text-input form-control" id="text-input-Last_Name">
        </div>
    </div>
    <div class="papel-subsection form-group">
        <div class="form-group">
            <label class="control-label" for="dropdown-Gender">Gender *</label>
            <select class="papel-dropdown form-control" id="dropdown-Gender">
                <option>Female</option>
                <option>Male</option>
                <option>Intersex</option>
                <option>Other</option>
                <option>Choose not to disclose</option>
            </select>
        </div>
    </div>
    <div class="papel-subsection form-group">
        <div class="form-group">
            <label for="text-input-Email" class="control-label">Email *</label>
            <input type="text" class="input-medium papel-text-input form-control" id="text-input-Email">
        </div>
        <div class="form-group">
            <label for="text-input-Home_phone" class="control-label">Home phone *</label>
            <input type="text" class="input-medium papel-text-input form-control"...