2014-01-30 96 views
0

是否有可能在bootsrtap 3中擁有與父母相同的子女div?子div高度與兄弟div相同Bootstrap 3?

這裏是例子

<div class="row clearfix"> 
     <div class="col-md-6" style="background-color:red;"> 

VERY LONG TEXT, JUST LONER< AND LONGER, AND LONGER, AND LONGER 
     </div> 
     <div class="col-md-6" style="background-color:green;"> 

SHORT TXT 
     </div> 
    </div> 

我想正確的山坳是相同的高度,左邊一列是,可能在簡單的方法?

+0

你能分享你的CSS嗎?只有我能推薦的就是設置.COL-MD-6的高度爲100% –

+0

類似的問題:http://stackoverflow.com/questions/9202769/2-columns-of-equal-height-twitters-bootstrap-2 -0?rq = 1 – Phil

+0

在CSS和JavaScript中有很多解決方案。設置100%高度將不起作用。只是谷歌同等身高的div ... –

回答

-1

是的,只要設置一個高度上都div的風格=「高度:100像素;」

+0

Nope..won't工作 –

+0

這不是工作:( – Schneider

+0

你試過最小高度 –

5

這裏是結果:http://jsfiddle.net/kaAjW/2316/

.row {overflow: hidden;} 
.col-md-6 { 
    padding-bottom: 1000px; 
    margin-bottom: -1000px; 
    } 
+0

哈克...但它的工作原理:) –

+0

然後用js或簡單的高度。XXpx每個格:) –

+0

「然後使用js或簡單的高度:XXpx爲每個div「這是簡單的CSS和不作弊..是基本的CSS –