부트 스트랩 - 두 개의 기둥이있는 컨테이너 유체. 오른쪽을 제한해야합니다

Question

행에 두 개의 열 (6 및 6)이있는 부트 스트랩의 섹션이 필요합니다.

왼쪽 6 열 div에는 브라우저 창의 왼쪽 가장자리까지 늘어나는 부분에 유체 효과가 있어야합니다.

오른쪽 6 열 div는 내용이 정상적인 (비 유동적 인) 컨테이너 클래스 (너비가 1170px 인)의 다른 섹션의 오른쪽 경계 내에서 일치하거나 유지되도록해야합니다.

이 효과를 얻으려면 어떻게해야합니까?

Answer 1

이 크기는 1170xp 컨테이너 용이므로 다른 크기의 미디어 쿼리가 필요합니다. 바라기를 바랍니다.

CSS :

.stretch-left { 
    margin-left: calc((100vw - 1170px)/-2); 
} 

HTML :

<div class="container"> 
    <div class="row"> 
     <div class="col-md-6 stretch-left"> 
      content 
     </div> 
     <div class="col-md-6"> 
      content 
     </div> 
    </div> 
</div>