html - Create the same height in a panel-box with a different length of text by bootstrap -


i've created bootstrap theme 4 panel boxes , text in it. 3 of boxes have have 3 snetence in 1 of box 1 sentence. problem is, 3 boxes have different height 1 box little text.

is there css option create panel - boxes same height, not matters how text in boxes?

edit:

here code

<div class="container">         <div class="row">             <div class="col-md-3">                 <div class="row">                     <div class="col-sm-12  text-center">                         <div class="panel panel-default">                             <div class="panel-heading">                             <h3>heading</h3></div>                             <div class="panel-body ">                                 <p>much text, here :)</p>                             </div>                         </div>                     </div>                 </div>             </div>         </div> </div> 

you can try making table, or can use display:table on element contains boxes, , display:table-cell on boxes.

you can try using flex grid.

how keep 2 divs side side same height?


Comments

Popular posts from this blog

java - Date formats difference between yyyy-MM-dd'T'HH:mm:ss and yyyy-MM-dd'T'HH:mm:ssXXX -

c# - Get rid of xmlns attribute when adding node to existing xml -