JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<div class="container" data-ng-controller="publicHome">
    <div class="col-sm-4 col-sm-offset-4 text-center signIn">
        <form data-ng-submit="signIn()" class="form-horizontal">
            <div class="form-group">
                <input type="email" data-ng-model="email" placeholder="email" class="form-control input-lg">
            </div>
            <div class="form-group">
                <input type="password" data-ng-model="password" placeholder="password" class="form-control input-lg">
            </div>
            <label>remember me
                <input type="checkbox" data-ng-model="rememberMe" class="signInCheckbox">
            </label>
            <div> <a data-ng-click="">forgot password?</a>

            </div>
            <div class="form-group center-block">
                <button type="submit" class="btn btn-success btn-lg center-block">sign in</button>
            </div>
        </form>
        <div class="alert alert-danger col-md-8 col-md-offset-2 text-center" role="alert"> <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span> incorrect credentials</div>
    </div>
</div>

CSS

.signIn {
    margin-top: 10%;
}
.signInCheckbox {
    margin-left: 5px;
}
.forgotPassword {
    /* float: right; */
    color: #C0C0C0;
}