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

Popular posts from this blog

c# - How Configure Devart dotConnect for SQLite Code First? -

java - Copying object fields -

c++ - Clear the memory after returning a vector in a function -