title: Bootstrap 4 - align-items-* class not working at all
body: <p>I am currently building a website with Bootstrap 4 framework. I noticed that I can't align items properly.</p>
  
  <p>Example:</p>
  
  <p><a href="https://i.stack.imgur.com/dNaNF.jpg" rel="nofollow noreferrer">Bootstrap 4 official documentation row positioning</a></p>
  
  <p><a href="https://i.stack.imgur.com/vglT8.jpg" rel="nofollow noreferrer">My row positioning</a></p>
  
  <p>Code according to the docs:</p>
  
  <pre><code>    &lt;div class="container"&gt;
    &lt;div class="row align-items-start"&gt;
      &lt;div class="col"&gt;
        One of three columns
      &lt;/div&gt;
      &lt;div class="col"&gt;
        One of three columns
      &lt;/div&gt;
      &lt;div class="col"&gt;
        One of three columns
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="row align-items-center"&gt;
      &lt;div class="col"&gt;
        One of three columns
      &lt;/div&gt;
      &lt;div class="col"&gt;
        One of three columns
      &lt;/div&gt;
      &lt;div class="col"&gt;
        One of three columns
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="row align-items-end"&gt;
      &lt;div class="col"&gt;
        One of three columns
      &lt;/div&gt;
      &lt;div class="col"&gt;
        One of three columns
      &lt;/div&gt;
      &lt;div class="col"&gt;
        One of three columns
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>In similar questions the advice was to put min-height property on the parent class , but that did not fixed my problem.</p>
  
  <p>I know that probably, this is a dumb question , but I'm newbie in bootstrap.</p>
  
  <p>Thank you for your time. </p>