title: Equal heigh for the first div in different cols (bootstrap 4)
body: <p>I have the next HTML structure:</p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;div class="row"&gt;
          &lt;div class="col-12 col-sm-12 col-lg-4 col-md-4"&gt;
              &lt;div class="title"&gt;Some title&lt;/div&gt;
                  &lt;ul&gt;
                      &lt;li&gt;test 1&lt;/li&gt;
                      &lt;li&gt;test 2&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div class="col-12 col-sm-12 col-lg-4 col-md-4"&gt;
              &lt;div class="title"&gt;Some long title &lt;/div&gt;
                  &lt;ul&gt;
                      &lt;li&gt;test 1&lt;/li&gt;
                      &lt;li&gt;test 2&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div class="col-12 col-sm-12 col-lg-4 col-md-4" &gt;
              &lt;div class="title"&gt;Some very very long title&lt;/div&gt;
              &lt;ul&gt;
                  &lt;li&gt;test 1&lt;/li&gt;
                  &lt;li&gt;test 2&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I need each of the div.title blocks to be equal in height to the highest. How I can do it?</p>