title: Button fill div height using Bootstrap
body: <p>I want my div col-md-9 to have a height the same as the content in my first div col-md-3's contents.</p>
  
  <p>I also want my div col-md-9's button inside to be the same height as the col-md-3's content.</p>
  
  <p>I'd like the text on the button to fill the button also.</p>
  
  <p>How do I accomplish this?</p>
  
  <pre><code>&lt;div class="row" style="height:300px;"&gt;
      &lt;div class="col-md-3"&gt;
          &lt;div class="thumbnail"&gt;
              &lt;a href="@(Url.Content("~/ProjectTimer/LITL.DesktopTimer.application"))"&gt;
                  &lt;img src="@(Url.Content("~/Images/LIJayCow-135.png"))" alt="Download Timer App" /&gt;
              &lt;/a&gt;
  
              &lt;div class="caption"&gt;
                  &lt;p&gt;Run the Timer App on your computer to keep track of your time.&lt;/p&gt;
                  &lt;a class="btn btn-primary" href="@(Url.Content("~/ProjectTimer/LITL.DesktopTimer.application"))"&gt;
                      &lt;span class="glyphicon glyphicon-download"&gt;&lt;/span&gt;&amp;nbsp;Download
                  &lt;/a&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="col-md-9" style="height:300px; background: #f0e68c"&gt;
  
          &lt;div class="thumbnail" style="width:100%; height:300px"&gt;
              &lt;a class="btn btn-block btn-primary" style="display: block; width: 100%; height:100%; font-size:large" href="@(Url.Content("~/ProjectTimer/LITL.DesktopTimer.application"))"&gt;
                  &lt;span class="glyphicon glyphicon-share"&gt; LIRA&lt;/span&gt;
              &lt;/a&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>