Colleagues, good afternoon. Do not tell me where I can see an example of implementation, layout on Bootstrap, where after the background element (first section), another layer visually goes, without an image (second section), but a layer with a fixed width is inserted between the first and second sections, inside which some text.

Sample layout in the attachment.

Please tell me where to dig?

Bootstrap layout

  • As an option, add it to the second section of the CSS: position:relative and inside add a layer that will have the following css code: position:absolute; background:#2BF4A1; top:-50%; right:0; width:100%; z-index:99999; position:absolute; background:#2BF4A1; top:-50%; right:0; width:100%; z-index:99999; But is this the right decision in terms of using the capabilities of the Bootstrap framework? - Artem S Ko

1 answer 1

Perhaps not the most elegant and correct solution. Create a block from the texts not in the blue section, but in the white one, and shift using the margin-top down, approximately as a feedback form here http://trbogdan.tk/4500/