견인 행과 나는 그래서이 <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는 두 행을 점유하고 B가 걸쳐 부트 스트랩 3 행과 레이아웃을 달성 할 수있는 방법 두 개의 열을 차지하는

나는 이런 식으로 시도했지만, 볼 수 있듯이 로고는 중첩 된 행 내부에 있기 때문에 두 열 너비가 결코 같지 않으므로 은 항상 더 짧거나 더 크게 보입니다.

.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>