JSFiddle - React, Tailwind, and code Playground

by devangkantharia

HTML

<link rel="stylesheet" href="http://getbootstrap.com/2.3.2/assets/css/bootstrap.css">
<h4 class="form-signin-heading">Please sign in</h4>

<div class="control-group error">
    <div class="controls">
        <input type="text" id="inputError"> 
        <span class="help-inline">Please correct the error</span>

<!-- 
        @Html.TextBoxFor(u=> u.Username, new {placeholder="Username", @class="form-control username", id="inputError"}) 
        <span class="help-inner">@Html.ValidationMessageFor(u => u.Username)</span> 
-->
    </div>
</div>
<div class="control-group error">
    <div class="controls">
        <input type="password" class="input-small" placeholder="Password">
        <span class="help-inline">Please correct the error</span>
<!-- 
        @Html.PasswordFor(u=> u.Password, new {placeholder="Password", @class="form-control password"}) 
        @Html.ValidationMessageFor(u=> u.Password)
-->
    </div>
</div>
<button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>

CSS

input[type="text"] {
    float: left;
}
.help-inline {
    display: inline-block;
    padding-left: 5px;
    padding-top: 5px;
    vertical-align: middle;
}