How to lay out a block beyond 1200px?

Question

css

Hello. Please tell me how best to make this screen block which is in the red frame. Position? The entire design width is 1700px, the center is 1200px, but there are many different elements beyond 1200px, the elements are static. Bootstrap mesh.

Answer 1

Once again, I'm perplexed, why stick a bootstrap grid everywhere, wherever it hits?
What is the use of it in this particular case? I didn't get it.

Answer 2

1) expand the grid, insert 2 placeholders on the sides 2) right: calc(( 100vw
- 1200px) / 2 + 1200px);

Answer 3

it’s not clear from the description,
but if I did catch the idea, I would place the block inside the 1200 block,
give it a width of 250, position it absolutely top: 0 left: 0 and put on transform: translateX (-100%),
or build yourself a bootstrap with a grid 34 columns and have fun))
getbootstrap.com/customize/#grid-system
UPD: I think I understand what you mean....
you mean media query border for lg 1200px suffix build
yourself a custom bootstrap
getbootstrap.com/customize/#media- queries-breakpoints <= here you can set your 1700px as lg

Answer 4

position: relative;