JSFiddle - React, Tailwind, and code Playground

by davidpauljunior

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<div class="container">
    <br/>
    Enter your details
    <br/>
    <br/>
    <form name="form">
        <fieldset>
            <div class="form-group">
                <div class="input-group">
                    <span class="input-group-addon glyphicon glyphicon-user"></span>
                    <input type="text" 
                        class="form-control"                            
                        placeholder="Full name"
                    />
                </div>
            </div>
            <div class="form-group">
                <div class="input-group">
                    <span class="input-group-addon">@</span>
                    <input type="email"
                        class="form-control"                            
                        placeholder="Email address"
                    />
                </div>
            </div>
        </fieldset>
    </form>
</div>

CSS

/* remove 1px offset glyphicons have */
form .glyphicon {
    top: 0;
}    

.input-group {
    width: 100%;
}