title: Bootstrap - Move rows to bottom of page
body: <p>I am new to Bootstrap, and would like to move my <code>box2</code> and <code>box3</code> divs to the bottom of the column on the right side of the page. I can't seem to work out how to do this without resorting to an empty row that is above <code>box2</code> and <code>box3</code>. Here is my current <code>html</code>: </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
      &lt;head&gt;
          &lt;meta charset="utf-8" /&gt;
          &lt;meta http-equiv="X-UA-Compatible" content="IE=edge" /&gt;
          &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"/&gt;
          &lt;link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" /&gt;
  
          &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"&gt;&lt;/script&gt;
  
          &lt;style type="text/css"&gt;
  
          .jumbotron {
              text-align: center;
              padding-bottom: 5px;
          }
  
          h2 {
              margin: auto;
          }
  
          .box1 {
              min-height: 450px;
              border-style: dotted;
          }
  
          .box2 {
              min-height: 150px;
              margin-bottom: 10px;
              border-style: dotted;
          }
  
          .box3 {
              min-height: 30px;
              border-style: dotted;
          }
          &lt;/style&gt;
  
      &lt;/head&gt;
      &lt;body style="background:pink;"&gt;
            &lt;div class="jumbotron" style="background:pink;"&gt;
                &lt;h2&gt;Lyrical&lt;/h2&gt;
            &lt;/div&gt;
  
            &lt;div class="container-fluid"&gt;
  
                &lt;div class="row"&gt;
                    &lt;div class="col-lg-6 col-lg-offset-3"&gt;
                        &lt;div class="box1"&gt;FORM&lt;/div&gt;
                    &lt;/div&gt;
  
                    &lt;div class="col-lg-3"&gt;
                        &lt;div class="row"&gt;
                            &lt;div class="col-lg-12"&gt;
                                &lt;div class="box2"&gt;Description&lt;/div&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                        &lt;div class="row"&gt;
                            &lt;div class="col-lg-12"&gt;
                                &lt;div class="box3"&gt;Credits&lt;/div&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Is there a way of doing this using the Bootstrap grid? 
  Any help is much appreciated!</p>