JSFiddle - React, Tailwind, and code Playground

by fangyang

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
   <div class="col-md-12 form-group">
            <div class="has-feedback has-error">
                <label for="email">E-mail</label>
                <div class="input-group">
                    <span class="input-group-addon">@</span>
                    <input type="email" name="email" required="" placeholder="e-mail" class="form-control" />
                </div>
                <span class="glyphicon glyphicon-remove form-control-feedback"></span>
            </div>
    </div>

   <div class="col-md-12">
            <div class="has-feedback has-error">
                <label for="email">E-mail with z-index</label>
                <div class="input-group">
                    <span class="input-group-addon">@</span>
                    <input type="email" name="email" required="" placeholder="email" class="form-control" />
                </div>
                <span class="glyphicon glyphicon-remove form-control-feedback icon"></span>
            </div>
        </div>

CSS

.icon
{
    z-index: 2;
}