Was using a Jumbotron with image and need help

[sm12345]

I am in the process of upgrading the Bootstrap we are using (previously v4) to v5.3. Our old sites used a jumbotron to display a top dropdown menu and image stretched side to side.

jumbotron-custom.txt
The new v5.3 no longer uses the jumbotron. How can I replicate this using the new Bootstrap?

[julien-deramond]

Maybe you can rely on the Bootstrap v5 Jumbotrons example or Bootstrap v5 Jumbotron example; the corresponding source code is available at https://github.com/twbs/bootstrap/blob/main/site/src/assets/examples/jumbotrons/index.astro and https://github.com/twbs/bootstrap/blob/main/site/src/assets/examples/jumbotron/index.astro

[sm12345]

Unfortunately none of those examples utilize an image for the background.

[jonhubby]

You can recreate a jumbotron-style section with a full-width background image in Bootstrap 5 by using a <div> with a custom class and applying background styles via CSS. And just tweak the height and padding as needed. This should give you a similar look to the old Jumbotron with a background image.