css - Bootstrap，无法使面板大小相同

Question

这是我的代码:

<div class="col-md-4">
   <div class="panel panel-default">
      <div class="panel-heading">
         <h4><i class="fa fa-fw fa-tasks"></i> Extreme Performance</h4>
      </div>
      <div class="panel-body">
         <p>We deploy 3.5ghz+ nodes powered by ultra fast solid state drives, topped off with a 1-click mod installer to provide the ultimate Minecraft experience.</p>
      </div>
   </div>
</div>
<div class="col-md-4">
   <div class="panel panel-default">
      <div class="panel-heading">
         <h4><i class="fa fa-fw fa-gift"></i> Completely Free</h4>
      </div>
      <div class="panel-body">
         <p>Our Minecraft servers are completely free; we have no hidden fees, and don't ask for any payment information. As the old saying goes, "The best things in life are free".</p>
      </div>
   </div>
</div>
<div class="col-md-4">
   <div class="panel panel-default">
      <div class="panel-heading">
         <h4><i class="fa fa-fw fa-cog"></i> Easy to Use</h4>
      </div>
      <div class="panel-body">
         <p>We utilize a combination of TCAdmin V2, and McMyAdmin. This allows for the streamline access and management of your server.</p>
      </div>
   </div>
</div>

我似乎无法让盒子的高度相同。我尝试过使用 eq 高度类的 Bootstrap 解决方案，但它会导致盒子相互连接。我也尝试过 flex box，但无济于事。

这几天我一直在为这个问题苦苦挣扎，希望你们能帮帮我。

Answer 1

或者，如果您愿意，可以使用以下带有 css 类的标记: http://www.bootply.com/MCDSaiRYWO

这当然只适用于支持 flexbox 的浏览器。

但是go here and upvote this guy .他编写了 CSS。