JSFiddle - React, Tailwind, and code Playground

by mavent

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0-rc2/css/bootstrap-glyphicons.css">
<form role="form" class="" id="contactForm" onsubmit="alert('hello'); return false;">
                <div class="row">
                    <label class="col-xs-12">my label</label>
                </div>
                <br><br>

                <div class="row">
                    <label class="col-xs-3" for="email">Email *</label>
                    <div class="col-xs-7">
                        <input type="email" class="form-control" name="email" id="email" required="required">
                    </div>
                </div>

                <div class="row">
                    <label class="col-xs-4" for="message">Message *</label>
                </div>

                <div class="row">
                    <div class="col-xs-10">
                        <textarea class="form-control" name="message" id="message" required="required" style="height: 120px;"></textarea>
                    </div>
                </div>

                <div class="row">
                    <div class="col-xs-4">
                        <button type="submit" class="btn btn-primary" id="submit" style="margin-left: 40px">Send</button>
                    </div>
                </div>
            </form>