title: How to align div to bottom inside div bootstrap
body: <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>html, body, .sidebar-container, .sidebar-row {
      height: 100%;
  }
  
  .sidebar {
      background-color: #2C3544;
  }
  
  @media (min-width: 992px) {
      .sidebar {
          position: fixed;
          top: 0;
          left: 0;
          bottom: 0;
          z-index: 1000;
          display: block;
          background-color: #2C3544;
      }
  }
  img{
      margin: auto;
      display: block;
  }
  .sidebar-image{
      margin-top: 15px;
  }
  .sidebar-items{
      margin-top: 15px;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js"&gt;&lt;/script&gt;
  &lt;link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" rel="stylesheet"/&gt;
  
  &lt;div class="container-fluid sidebar-container"&gt;
      &lt;div class="row sidebar-row"&gt;
          &lt;div class="col-md-2 sidebar"&gt;
              &lt;div class="container-fluid"&gt;
                  &lt;div class="col-md-12 sidebar-image"&gt;
                      &lt;img src="assets/logo-white.png" width="75px" height="75px"/&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="row sidebar-items"&gt;
                  &lt;div class="col-md-12"&gt;
                      &lt;ul class="list-group"&gt;
                          &lt;li class="list-group-item"&gt;Dashboard&lt;/li&gt;
                          &lt;li class="list-group-item"&gt;Projects&lt;/li&gt;
                          &lt;li class="list-group-item"&gt;Statistics&lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="row align-bottom"&gt;
                  hafldjalfjsdlfsjdlfsjlfs
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="col-md-10 offset-md-2 content"&gt;
              Main Content
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I wrote this HTML/CSS code trying to align a div to the bottom inside another div:</p>
  
  <p>I want to align this last div in the <code>col-md-2</code> to the bottom of the <code>sidebar-container</code> which height is 100%. I tried adding the bootstrap class <code>align-bottom</code> but somehow this doesn't work. Could anyone help me out?</p>