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 height类尝试了bootstrap的解决方案，但它导致盒子彼此连接。我也试过弹性盒子，但没有用。

过去几天我一直在努力解决这个问题，希望你们能帮助我。

Answer 1

或者，如果您愿意，请使用css类进行标记： http://www.bootply.com/MCDSaiRYWO

这仅适用于支持flexbox的浏览器。

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

Answer 2

我认为你只是试图以错误的方式使用Bootstrap的相等列。这是一个完全有效的例子：

[https://jsfiddle.net/Optimix/5dm2330g/2/][1]

或者，您可以使用.wells来获得相同的结果：

[https://jsfiddle.net/Optimix/D4xdE/359/][1]

希望你会发现它有用：）

Bootstrap，不能使面板尺寸相同

2 个答案: