How to extend a div to the left without exceed .col-md-3 margins?

Asked Aug 24 '16 at 15:00

Active Aug 24 '16 at 15:00

Viewed 40 times

I'm trying to extend a div to the left, but I want this div to match the margin-right of a .col-md-3 like so:

I have tried with relative values for the red div, but that solution didn't make it responsive, absolute values even worst. Also tried with a CSS gradient but as the relative values, it didn't work responsively.

If is a big screen, the red div should be extended to the left but the right margin should match with the right margin of the .col-* (or just the .col-md-3 for now) and the content within the red div should fit the .col-md-3.

How can I achieve a responsive solution for this?

Thanks for the help in advice!

asked Aug 24 '16 at 15:00

Mithc

please can you create a [MCVE] – Pete Aug 24 '16 at 15:06
What is the purpose of this red div? – Paulie_D Aug 24 '16 at 15:16
Like this - http://stackoverflow.com/questions/33564131/bootstrap-full-width-with-2-different-backgrounds-and-2-columns – Paulie_D Aug 24 '16 at 15:22
Thank you @Paulie_D, that's exactly what I wanted to achieve! – Mithc Aug 29 '16 at 20:26

How to extend a div to the left without exceed .col-md-3 margins?

0 Answers0