title: Bootstrap - I don't want columns to have the same height
body: <p>In this bootstrap 4 example the 2 columns have the same height.
  I do not want this. 
  Is there a quick fix for this ?
      </p>
  
  <pre><code>    &lt;div class="col-lg-3 card bg-faded"&gt;
        &lt;h1&gt;&lt;small&gt;Some favorites&lt;/small&gt;&lt;/h1&gt;
        &lt;ul&gt;
          &lt;li&gt;Celery root&lt;/li&gt;
          &lt;li&gt;Spaghetti Squash&lt;/li&gt;
          &lt;li&gt;Killer Mushrooms&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
  
      &lt;div class="col-lg-9"&gt;
        &lt;h1&gt;Wild &amp; Wicky Vegetables&lt;/h1&gt;
        &lt;p&gt;Kale c.....t.&lt;/p&gt;
      &lt;/div&gt;
  &lt;/div&gt;&lt;!--row--&gt;
  </code></pre>