どのようにブートストラップ3にけん引行にまたがる行とレイアウトを実現することができますし、私はこの <a href="https://i.stack.imgur.com/7R7CM.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7R7CM.png" alt="enter image description here"></a></p> <p>ような何かを達成したい二つの列

Question

にまたがる列は、画像で、Aは、2つの行を占有しているとBがあります2列

を占め、私は、このような何かを試してみましたが、それは、ネストされた行の中にあるので、あなたが見ることができるように、ロゴは、 2列広いことはありませんので、それは が揃っていないように見えない、それは常に短い以上に見えます

.row{ 
 
    border:1px solid red; 
 
    
 
} 
 

 
.row div{ 
 
    
 
    min-height: 100px; 
 
    border:1px solid black; 
 
    
 
}

<div class="container-fluid"> 
 
    <div class="row upper-row"> 
 
     <div class="col-md-7" id=""> 
 
      <div class="row"> 
 
       <div class="col-md-12"> 
 
        x 
 
       </div> 
 
        
 
      </div> 
 
      <div class="row"> 
 
       <div class="col-md-8"> 
 
        s 
 
       </div> 
 
       <div class="col-md-4"> 
 
        LOGO 
 
       </div> 
 
      </div> 
 
     </div> 
 
     <div class="col-md-5" id=""> 
 
      A 
 
     </div> 
 
    </div> 
 
    <div class="row bottom-row"> 
 
     <div class="col-md-5" id=""> 
 
      
 
     </div> 
 
     <div class="col-md-7" id=""> 
 
      B 
 
     </div> 
 
    </div> 
 
</div>

Answer 1

<div class="container"> 
 
    <div class="row"> 
 
    <div class="col-md-8"> 
 
     <div class="row"> 
 
     <div class="col-md-12"> 
 
      
 
     </div> 
 
     </div> 
 
     <div class="row"> 
 
     <div class="col-md-6"> 
 
      
 
     </div> 
 
     <div class="col-md-6"> 
 
      
 
     </div> 
 
     </div> 
 
    </div> 
 
    <div class="col-md-4"> 
 
     A 
 
    </div> 
 
    </div> 
 
    <div class="row"> 
 
    <div class="col-md-4"> 
 
     
 
    </div> 
 
    <div class="col-md-8"> 
 
     B 
 
    </div> 
 
</div>