さまざまな高さの列を使用すると、ブートストラップ列がアライメントされません

-3

4つのdivがあり、div 2が非常に長く、 1,3,4のサイズが同じです。コンパクトな形式で表示したい場合はそれは、その後だけDIV3を表示DIV2の全内容を表示し、それが最初の行のすべての内容さまざまな高さの列を使用すると、ブートストラップ列がアライメントされません

<div class ="row"> 
     <div class="col-xs-12"> //content 1 </div> 
     <div class="col-xs-12"> //content 2 </div> 
    </div> 
    <div class ="row"> 
     <div class="col-xs-12"> //content 3 </div> 
    </div> 
    <div class ="row"> 
    <div class="col-xs-12"> //content 4 </div> 
    </div>

後に新しい行としてdiv要素3を表示してくれ

出典

2017-02-09 Serene Abraham Mathew

'最初の行のすべての内容の後にdiv 3を新しい行として表示します.'というようにコード内に表示されるので、2番目のdivの後に新しい行を作成します。 3番目のdivが新しい行に配置される理由 –

私はそれを列のように表示したい div1 div 3 div 4と次の列div2 –

@SereneAbrahamMathewあなたのコメントから何が欲しいかはっきりしていません。イメージを作成します。あなたの質問にそれを加えてください。 – neophyte