Bootstrap 3 equal height thumbnails (like equal height cards in bootstrap 4)
<p>I have a row of thumbnails like this:</p>

<p><img src="https://i.imgur.com/U1VhC5V.png" alt=""></p>

<p>I want them to be equal height though. This is my code:</p>

<pre><code>&lt;div class="row text-center"&gt;
    &lt;div class="col-md-3 col-sm-6"&gt;
        &lt;div class="thumbnail"&gt;
            &lt;div class="caption"&gt;
                &lt;h3&gt;HOTKEY + COMBO&lt;/h3&gt;
                &lt;p&gt;Hotkey description goes here. Category only shown in explore.&lt;/p&gt;
                &lt;p&gt;
                    &lt;a href="#" class="btn btn-default" data-tooltip="Change Hotkey"&gt;
                &lt;/p&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="col-md-3 col-sm-6"&gt;
        &lt;div class="thumbnail"&gt;
            &lt;div class="caption"&gt;
                &lt;h3&gt;HOTKEY + COMBO&lt;/h3&gt;
                &lt;p&gt;short desc&lt;/p&gt;
                &lt;p&gt;
                    &lt;a href="#" class="btn btn-default" data-tooltip="Change Hotkey"&gt;
                &lt;/p&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="col-md-3 col-sm-6 hotkey-add"&gt;
        &lt;div class="thumbnail"&gt;
            &lt;div class="caption"&gt;
                &lt;p&gt;&lt;/p&gt;
                &lt;p&gt;&lt;a href="#" class="btn btn-default"&gt;&lt;span class="glyphicon glyphicon-plus"&gt;&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>Is this possible? Like we see in bootstrap4 here is equal height cards:</p>

<p><a href="http://www.codeply.com/render/KrUO8QpyXP#" rel="nofollow noreferrer">http://www.codeply.com/render/KrUO8QpyXP#</a></p>

<p><img src="https://i.imgur.com/aDYoGiW.png" alt=""></p>