<main role="main" class="tom-bg d-flex">
    <div class="container align-self-center">
      <div class="row justify-content-center">
        <div class="col-lg-5">
          <div class="card">
            <div class="card-body">
              <h1 class="h1 pb-2">Přihlášení</h1>

                <div class="form-group ">
                  <label for="moleculeId" id="labelId" aria-label="" aria-labelledby="" class="form-control-label ">ID <span class="required"> </span> </label>
                  <input type="text" aria-labelledby="" aria-required="true" id="" name="input" tabindex="" placeholder="Placeholder" class="form-control " value="">
                </div>

                <div class="form-group ">
                  <label for="moleculeId" id="labelId" aria-label="" aria-labelledby="" class="form-control-label ">Heslo <span class="required"> </span> </label>
                  <input type="password" aria-labelledby="" aria-required="true" id="" name="input" tabindex="" placeholder="Heslo" class="form-control " value="">
                </div>

              <div class="text-center">
                <button type="button" class="btn btn-primary" aria-label="">Přihlásit</button>
              </div>

            </div>
          </div>
        </div>
      </div>
    </div>
  </main>

Základní grid a look pro Login page napříč aplikacemi.