Edit in JSFiddle

HTML
Result
<body>
  <div class="container w-75 my-5 p-5 bg-warning text-center shadow">
    <h1 class="text-dark">Bootstrap :: Login</h1>
    <hr>
    <div class="container w-50 text-left">
        <div class="form-group">
          <label>User ID</label>
          <input type="text" class="form-control" placeholder="Enter user id or email">
        </div>
        <div class="form-group">
          <label>Password</label>
          <input type="password" class="form-control" placeholder="Enter password">
        </div>
        <button class="btn btn-info">Sign in</button>
        <button class="btn btn-primary">Sign up</button>
    </div>
    <hr>
    <div class="alert alert-danger alert-dismissible fade show w-75 mx-auto">
      <button type="button" class="close" data-dismiss="alert">&times;</button>
      <strong>Warning!</strong> User ID or Password incorrect !!
    </div>
  </div>

</body>