父母身高自動的孩子的動態身高

Question

我不知道我的頭銜或副標題會有多長。所以需要從父母繼承的孩子的height。沒有指定父母身高的任何其他方式？或者任何人都可以指出我在這裏更正答案，我無法找到針對我的問題的答案。

.header { 
 
    //height: 45px; 
 
} 
 
.header .col-xs-3 { 
 
    border-right: 3px solid #efefef; 
 
    height: inherit; 
 
    padding-left: 10px; 
 
}

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/> 
 

 
<div class="row"> 
 
    <div class="col-xs-12 header"> 
 
    <div class="col-xs-3"> 
 
     <label>Title 1</label> 
 
    </div> 
 
    <div class="col-xs-3"> 
 
     <label>Title 2</label> 
 
    </div> 
 
    <div class="col-xs-3"> 
 
     <label>Title 3<br/>Sub-Title</label> 
 
    </div> 
 
    <div class="col-xs-3"> 
 
     <label>Title 4</label> 
 
    </div> 
 
    </div> 
 
</div>

Answer 1

您可以使用CSS flexbox的一樣。

CSS：

.header { 
    display: flex; 
    flex-direction: row; 
    //height: 45px; 
} 
.header .col-xs-3 { 
    border-right: 3px solid #efefef; 
    height: auto; 
} 

小提琴：https://jsfiddle.net/debraj/fk6fs5ht/