How to lay out an image across the entire width of the parent block?

Question

css

I am using bootstrap. There is a wish to make such structure

How it is possible to make a picture in all width of the row block? It is desirable that for this picture or block just put down a class. But if this is not possible, then any solution will do.

Answer 1

You will need the .container-fluid class

Answer 2

negative side indents.

Answer 3

You make a full-width container with this background, and stuff the bootstrap container into it.

Answer 4

Split into several sections, 1 which is centered, 2 fluid for the entire width, everything else is a crutch solution

Answer 5

width: 100vw