I don't usually like to offer full solutions but I think you might find this difficult without the full code.
Here is a codepen example (view on codepen to see full effect (click edit on codepen)).
You need to come out of the bootstrap container for the wide section so close the main container as in the example so that you can have a section stretching full width. You will then need to use 'calc' so that you can work out what the gap on the left needs to be which is the viewport width minus the fixed width section of bootstrap (1140px) and then divide by two (
margin-left:calc((100% - 1140px) / 2);).
The rest is just using flex containers to fill the space as required (although you could use bootstrap flex columns if you wanted for the containers but normal css is simpler).