title: Bootstrap 4 - align an element to the bottom of its container
body: <p>I tried to find an answer to this but no luck, also tried a few things myself. 
  I have two columns inside a row, and I would like to vertically align the bottom div of the second column (the three buttons group) to the bottom of the row container, namely #control-panel.</p>
  
  <p>Currently the second column is centered align (vertically), and that's why the three buttons are not attached to the bottom of the container.</p>
  
  <p>Also I'm attaching an image to make it easier to see
  <a href="https://i.stack.imgur.com/BXDYk.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/BXDYk.png" alt="Attached image"></a></p>
  
  <pre><code> &lt;div id="control-panel"&gt;
      &lt;div class="container"&gt;
        &lt;div class="row"&gt;
  
          &lt;div class="col-lg-3"&gt;
            &lt;div class="display-4 p-3"&gt;&lt;h2&gt;Step 3:&lt;/h2&gt;&lt;/div&gt;
            &lt;p&gt;Add a contact form, if you like, so people can contact you!&lt;/p&gt;
            &lt;a href="" class="btn btn-primary"&gt;Show contact form&lt;/a&gt;
          &lt;/div&gt;
          &lt;div class="col-lg-3 d-flex flex-column"&gt;
            &lt;div class=" p-3"&gt;&lt;h2&gt;Step 4:&lt;/h2&gt;&lt;/div&gt;
              &lt;p&gt;Pick a style for your website&lt;/p&gt;
              &lt;div class="btn-group align-self-bottom"&gt;
                &lt;button class="btn btn-primary" type="button"&gt;Style 1&lt;/button&gt;
                &lt;button class="btn btn-secondary" type="button"&gt;Style 2&lt;/button&gt;
                &lt;button class="btn btn-primary" type="button"&gt;Style 3&lt;/button&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>CSS for the container is just:</p>
  
  <pre><code>#control-panel {
  height: 200px
  }
  </code></pre>
  
  <p>I tried to use 'align-self-bottom' or 'align-self-end' for the 'btn-group' class which I want to align to the bottom, but it moves it horizontally and not vertically as I wanted.</p>
  
  <p>Thanks a lot for any suggestion</p>