儿童div高度与兄弟div Bootstrap 3相同?

时间:2014-01-30 15:39:31

标签: css twitter-bootstrap

是否可以在bootsrtap 3中将子div与父级相同?

这是示例

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

我希望右侧col的高度与左列相同,可以轻松实现吗?

3 个答案:

答案 0 :(得分:6)

结果如下:http://jsfiddle.net/kaAjW/2316/

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

答案 1 :(得分:1)

在这里你会找到答案:

get div height after div content load

您可以在下一个链接找到一个示例:

http://fiddle.jshell.net/stryd3r/MgnT8/

答案 2 :(得分:-1)

是的,只需在divs style =“height:100px;”

上设置一个高度