<div class="login-container">
<form role="form" method="POST" action="">

    <div class="form-group has-error">
        <div class="label-input">
          <label for="username">Username:</label>
          <input id="username" type="text" class="form-control" name="username" value="" required autofocus>
        </div>
        <span class="help-block">
            <strong>"Username Errors"</strong>
        </span>
    </div>

    <div class="form-group">
        <div class="label-input">
          <label for="password">Password:</label>
          <input id="password" type="password" class="form-control" name="password" required>
        </div>
        <span class="help-block">
            <strong>"Incorrect Username/Password Combination"</strong>
         </span>
    </div>

    <div class="form-group">
      <button type="submit">
        Login
      </button>
    </div>
</form>

div.login-container {
  margin: auto;
  width: 50%;

  form {
    text-align: center;
    label{
      display: block;
      text-align: left;
      text-indent: 30%;
    }
    button {
      float: right;
      margin-right: 30%;
    }
    input {
      outline: none;
      -webkit-border-radius: 50px;
      -moz-border-radius: 50px;
      border-radius: 50px;
      text-indent: 7px;
    }

    div.form-group{
      &.has-error {
        input {
          border: 1px solid red;
        }

      }
    }
  }

}