Css 自举,can';不要做同样大小的面板

Css 自举,can';不要做同样大小的面板,css,twitter-bootstrap,Css,Twitter Bootstrap,这是我的代码: <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 c

这是我的代码:

<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>

极限性能
我们部署了3.5ghz+节点,这些节点由超高速固态驱动器提供动力,顶部是一个点击一次的mod安装程序,以提供终极的Minecraft体验

完全免费 我们的Minecraft服务器完全免费;我们没有隐藏费用,也不要求任何付款信息。正如那句老话所说,“生命中最好的东西是免费的”

易于使用 我们使用TCAdmin V2和McMyAdmin的组合。这样可以简化对服务器的访问和管理

我只是不能让这些盒子保持同样的高度。我曾经尝试过使用eq height类的bootstrap解决方案,但它会导致盒子相互连接。我也试过flex box,但没有用


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

或者,如果您愿意,这里是您对css类的标记:

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


但是。他写了CSS。

我想你只是试图以错误的方式使用Bootstrap的相等列。下面是一个完全有效的示例:

[https://jsfiddle.net/Optimix/5dm2330g/2/][1]
或者,您可以使用.wells来实现相同的结果:

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

希望您会发现它有帮助:)

stackoverflow(以及整个web)中有很多关于如何使浮动容器保持相同高度的解决方案。你只需要花几分钟的时间来搜索。例如:我看到了那篇文章,并尝试了其中的解决方案。他们建议使用flex box和eq height,这两种方法都可以使面板粘在一起。在示例中,面板看起来不会粘在一起:对照您的标记检查标记,确保没有遗漏任何内容。例如,您发布的代码缺少.row div(或者是.row fluid?),我不完全确定,我仍在学习HTML和CSS。这来自getbootstrap的一个模板。它工作得非常好!这一定是因为我无法正确标记html。