JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">


<div class="col-sm-12 text-center" style="
    display: inherit;
">
            <div class="form-group has-error has-feedback">
                <label for="element-2" class="cb-signin-control-label">Username</label>
                <input type="text" class="cb-signin-form-control">
                <p class="cb-signin-control-label">Hint: Your password is the same as your student ID</p>
            </div>
        </div>

CSS

.cb-signin-form-control {
	width: 325px;
	margin: 0 auto;
}