title: Semantic UI : how to place an button at the bottom of a column?
body: <p>This is a very simple question, but after some research, I can't find a way to do it properly: I have a grid with 3 columns in Semantic UI and the content of each column has a specific height. I try to add a button at the bottom of each column, but "bottom aligned" doesn't work. 
  Someone has a clue ?
  Here is an example:</p>
  
  <pre><code>&lt;div class="ui basic segment"&gt;
    &lt;div class="ui divided grid container"&gt;
      &lt;div class="three column row"&gt;
        &lt;div class="column"&gt;
          Hello &lt;br&gt;
          fdsfsd &lt;br&gt;
          fsfsd &lt;br&gt;
          fdsfsd &lt;br&gt;
          fsfsd &lt;br&gt;
          fsfsd &lt;br&gt;
          fdsfsd &lt;br&gt;
          fsfsd &lt;br&gt;
          fs
        &lt;/div&gt;
        &lt;div class="column"&gt;
          &lt;div class="segments"&gt;
            &lt;div class="ui segment"&gt;Hello&lt;/div&gt;
            &lt;div class="ui bottom aligned segment"&gt;
              fdsfsdf
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class="column"&gt;
          Hello
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Thanks for your help !</p>