2016-02-29 89 views
0

我有一個模板,可以獲取從外部程序生成的所有信息。我試圖讓這個模板更現代一些,少一些1992.Dynamic Bootstrap Well

該頁面用於處理表格。它看起來不太好,所以我試圖去掉桌子,並讓屏幕上的所有東西都變得流暢。

對於文本的容器我已經使用了bootstrap well類。問題是,如果一口井比另一口井長一點,它看起來很奇怪。我需要<div class="well">都是最高的那個高度。

我試圖用很多不同的CSS做到這一點。我真的不想回去吃飯。

代碼如下。

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

任何幫助表示讚賞。

+0

這是直播現場。如果是這樣,你可以張貼鏈接? –

+0

不是一個活的網站,對不起。 – JohZant

+0

atleast創建小提琴或東西。 –

回答

0

所以你想要的是,div's高度必須等於擁有大量數據的格...

嘗試使用jQuery。

var maxHeight = Math.max.apply(null, $(".well").map(function() 
{ 
    return $(this).outerHeight(); 
}).get()); 

$('.well').height(maxHeight); 

檢查了這一點: https://jsfiddle.net/x3ehq57g/2/