ブートストラップ4.0で同じ高さの列を無効にする方法

Question

なぜ私の列がすべて同じ高さに設定されていたのかという理由で私の髪を引っ張ってから、ブートストラップがv4で自動的にこの方法で出荷されました。どのようにしてそれをオフにし、v3の通常の列に悪いことに行くのですか？

ありがとうございました。

<div class="container"> 
      <div class="row"> 
      <div class="col-sm-8"> 
       <p> Hi, I'm a small container. </p> 
      </div> 
      <div class="col-sm-4"> 
       <h1> Hi, I'm a much bigger container. </h1> 
      </div> 
      </div> 
    </div> 

この例では、小さい方のdivの高さが伸びて、大きい方のテキストの高さと同じ高さになります。これは私が避けたいものです。ブートストラップ4で

Answer 1

あなたは.rowに.ALIGN-項目スタートを追加することができますので、フレキシボックスユーティリティは、ありますように

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" rel="stylesheet"/> 
 
<div class="row align-items-start"> 
 
    <div class="col-lg-4 col-md-4 col-sm-4 hidden-xs-down"> 
 
     Some content on the left that's going to be smaller than right 
 
    </div> 
 
    <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12"> 
 
    A <br/> 
 
    B <br/> 
 
    C <br/> 
 
    D <br/> 
 
    E <br/> 
 
    F <br/> 
 
    </div> 
 
</div>