title: Getting all list-group-items to be the same size
body: <pre><code>&lt;div class="list-group"&gt;
    &lt;p class="list-group-item-text"&gt;(one line)&lt;/p&gt;
    &lt;p class="list-group-item-text"&gt;(one line)&lt;/p&gt;
    &lt;p class="list-group-item-text"&gt;(two lines)&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want all <code>.list-group-item-text</code> to have the same height, which is that of the largest one.</p>
  
  <p>So from the code above, the first two items would expand to the size of the third one.</p>
  
  <p>I tried <a href="https://stackoverflow.com/a/21892511/1661745">this solution</a> but it's not responsive.</p>
  
  <p>Edit: <a href="http://jsfiddle.net/grzt/m0dyer0r/" rel="nofollow noreferrer">Here</a> is the solution, courtesy of <a href="https://stackoverflow.com/a/25197593/1661745">karan3112</a> </p>