css - Bootstrap, can't make panels the same size -
this code have:
<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 ultra fast solid state drives, topped off 1-click mod installer provide 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> free</h4> </div> <div class="panel-body"> <p>our minecraft servers free; have no hidden fees, , don't ask payment information. old saying goes, "the best things in life 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 use</h4> </div> <div class="panel-body"> <p>we utilize combination of tcadmin v2, , mcmyadmin. allows streamline access , management of server.</p> </div> </div> </div>
i can't seem boxes same height. i've tried bootstrap's solution using eq height class, causes boxes connect 1 another. i've tried flex box, no avail.
i'm been struggling past few days, guys can me out.
or if like, here's markup css class: http://www.bootply.com/mcdsairywo
this work in browsers support flexbox of course.
but go here , upvote guy. wrote css.
Comments
Post a Comment