title: Bootstrap 4 - Align horizontally and vertically
body: <p>I can't align the following content both horizontally and vertically.</p>
  
  <p>Can someone tell me the best approach for this ?</p>
  
  <pre><code>    &lt;div class="container"&gt;
  
    &lt;div class="row"&gt;
  
      &lt;div class="col-md-4"&gt;
        &lt;img width="300" src="../assets/medlogo.png"&gt;
  
        &lt;h1 class="text-center login-title"&gt;Acessar o programa&lt;/h1&gt;
        &lt;div class="account-wall"&gt;
          &lt;img class="profile-img" src="https://lh5.googleusercontent.com/-b0-k99FZlyE/AAAAAAAAAAI/AAAAAAAAAAA/eu7opA4byxI/photo.jpg?sz=120"
            alt=""&gt;
          &lt;form class="form-signin"&gt;
            &lt;input type="text" class="form-control" placeholder="Email" required autofocus&gt;
            &lt;input type="password" class="form-control" placeholder="Password" required&gt;
            &lt;button class="btn btn-lg btn-primary btn-block" type="submit"&gt;
                    Sign in&lt;/button&gt;
          &lt;/form&gt;
        &lt;/div&gt;
  
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Thank you</p>