JSFiddle - React, Tailwind, and code Playground

by aman1981

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.0/css/bootstrap.min.css">
<script src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.12.1.js"></script>
<div class="modal-header">
    <h3 class="modal-title">Create</h3>
</div>
<div class="modal-body">
    <form role="form" name="form" class="form-body">
        <div class="form-group">
          <label class="control-label" >Select gender:</label>
            <div class="m-grid-col-sm-5">
            <select name="gender" class="form-control input-medium" required>
                <option value="">---Please select---</option>
                <option value="m">Male</option>
                <option value="f">Female</option>
                           </select>
                </div>
            </div>
        <div class="form-group">
            <label class="control-label">Enter Name</label>
            <div class="m-grid-col-lg-3">
                <input type="text" name="name" class="form-control input-small"/>    
            </div>
        </div>
        


        <div class="modal-footer">
            <button class="btn btn-default" type="button" ng-click="cancel()">Cancel</button>
            <button class="btn btn-primary" type="button"  ng-click="create()">Save</button>
        </div>
    </form>
</div>