Irregular bootstrap3 grid, one column out of container : <p>I'm seeing some crazy layouts sometimes. One of them is layout where we have boostrap container that has max width, let's say 1120px.</p>

<p>One of columns has 50% width of container, and the second has 50% width, not container but browser. </p>

<p>I've attached 2 screens to clarify my question - and the question is: does anybody has claver solution, that is responsive and will not break things during resisizing ?
So, 2 columns will not collapse ?</p>

<p>I will not provide html / css code, as i have no idea, how to code this right and without javascript.</p>

<p>If any of You have any ideas, i'm saying "thanks for a tip :)"</p>

<p><a href="https://i.stack.imgur.com/HCQmH.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/HCQmH.png" alt="enter image description here"></a></p>

<p><a href="https://i.stack.imgur.com/V20Zb.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/V20Zb.png" alt="enter image description here"></a></p>
