如何使Bootstrap列都具備相同的高度？ - How can I make Bootstrap columns all the same height?

問題：

I'm using Bootstrap. 我正在使用Bootstrap。 How can I make three columns all the same height? 如何使三根柱子的高度相同？

Here is a screenshot of the problem. 這是問題的屏幕截圖。 I would like the blue and red columns to be the same height as the yellow column. 我但願藍色和紅色列與黃色列的高度相同。

Here is the code: 這是代碼：

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> <div class="container-fluid"> <div class="row"> <div class="col-xs-4 panel" style="background-color: red"> some content </div> <div class="col-xs-4 panel" style="background-color: yellow"> catz <img width="100" height="100" src="https://lorempixel.com/100/100/cats/"> </div> <div class="col-xs-4 panel" style="background-color: blue"> some more content </div> </div> </div>

---

解決方案：

參考一： https://stackoom.com/question/1Kdlw/如何使Bootstrap列都具備相同的高度
參考二： https://oldbug.net/q/1Kdlw/How-can-I-make-Bootstrap-columns-all-the-same-height