私はクラスrowの要素とそれに続く要素colを持っています。今のところ、すべてのcol要素は、最大の高さを想定しますcol。ブートストラップ4：列の高さをより小さな列に限定する
Iが小さい列のものに代えて、カラムの高さを制限したいような、その
#colBは、最小の高さを有するが、大きな#colBを超えた場合はoverflow-y: scrollになります。ブートストラップ4ユーティリティを使用してこれを行う良い方法はありますか？ここ
例JS-フィドル：あなたは事前に定義された高さを有する大丈夫なら、あなたは行の高さを設定することができ、その後、後続のdivは、彼らがある場合はオーバーフローする
https://jsfiddle.net/fwtpeq43/4/
その高さよりも高い。
それ以外の場合は、JavaScriptを使用して各divの高さを比較し、最小のものを選択してから、row要素に直接高さを設定する必要があります。
.row { height: 50vh; }
私のポストを少しはっきりさせるために編集しましたが、basicaあなたが言っていることは本当に列を特定の兄弟の高さに制限する方法がないということですか？ – user1834200
CSSだけではありません。あらかじめ定義された高さまたはJavaScriptのヘルプが必要です –
あなたはそれに基づいてCOLB高さと更新で、colAとCOLC高さを取得するには、ページの読み込みにJavaScriptやjQueryのを使用することができます。
私は JSFiddle
OR
コピーを添付し、ちょうどあなたの</body>
<script>
temp = $('#colB').height();
console.log(temp);
document.getElementById('colA').setAttribute("style","height:"+temp+"px");
document.getElementById('colC').setAttribute("style","height:"+temp+"px");
</script>
この参照の上、このコードを貼り付けていますhttp://stackoverflow.com/questions/35387368を/ set-equal-height-for-divbox-with-flexbox-最短1分 – ZimSystem