ブートストラップ - 2列のコンテナ流体。右側を限定する必要があります

Question

2つの列（6と6）が並んでいるブートストラップのセクションが必要です。

左の6列divには、ブラウザウィンドウの左端まで伸びる流体エフェクトが必要です。

右側の6列divは、通常の（非流体の）コンテナクラス（幅1170ピクセル）を持つページの他のセクションの右側の範囲内に一致する/保持される必要があります。

この効果を最大限に引き出すにはどうすればよいですか？

Answer 1

これは1170ピクセル幅のコンテナです。残りのサイズのメディアクエリが必要です。うまくいけば助けてくれます。

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>