Is it possible to make the orange area to have the same height using bootstrap, as shown in the picture 1 below? even though the paragraph inside has different length? The structure I currently using is like following, and the result is as shown in picture2.

```
    <div class="row">
      <div class="col-sm-12 col-md-4">
        <h3></h3>
        <p></p>
      </div>
      <div class="col-sm-12 col-md-4">
        <h3></h3>
        <p></p>
      </div>
      <div class="col-sm-12 col-md-4">
        <h3></h3>
        <p></p>
      </div>
  </div>

```

![picture1](https://i.stack.imgur.com/edGGG.png)
pic1

![enter image description here](https://i.stack.imgur.com/hGkQZ.png)
pic2