html - Dynamic Bootstrap Well -
i have template gets of information generated external program. attempting make template bit more modern , less 1992.
the page used work table. didn't nice attempting remove table , have on screen fluid.
for containers of text have used bootstrap well
class. problem if 1 bit longer other, looks odd. need both of <div class="well">
height if tallest one.
i have tried lot of different css. don't want have go table.
the code below.
<div class="col-md-12"> <div class="col-md-6"> <div class="well"> <h3>heading</h3> info <br> <br> </div> </div> <div class="col-md-6"> <div class="well"> <h3>heading</h3> info <br> <br> </div> </div> </div>
any appreciated.
so want div's
height must equal div has lot of data...
try using jquery.
var maxheight = math.max.apply(null, $(".well").map(function () { return $(this).outerheight(); }).get()); $('.well').height(maxheight);
check out: https://jsfiddle.net/x3ehq57g/2/
Comments
Post a Comment