question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Full-height Jumbotron?

See original GitHub issue

I was wondering whether it would be possible to include a section in the jumbotron component of the Bootstrap 4.1 docs for essentially creating full-height jumbotrons.

I’m finding more and more designs these days using full-height banners on their website, and I guess this is usually done using height: 100vh with some kind of possible fallback.

Firstly, we don’t seem to have that as a utility class in Bootstrap, we have height: 100% but not 100vh.

Is it possible to create a full-height jumbotron example in the docs and possibly this additional utility class?

https://getbootstrap.com/docs/4.1/components/jumbotron/

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
andresgalantecommented, May 15, 2018

I don’t see it likely, we pass on that idea back then. I’ll leave it open maybe mdo reconsiders now

0reactions
mdocommented, Aug 24, 2018

Unlikely to make it’s way into the project I think. One line of custom CSS largely accomplishes this as it stands now, and we don’t need utilities for this across every breakpoint either I think.

Read more comments on GitHub >

github_iconTop Results From Across the Web

html - Bootstrap jumbotron full width and height of window with ...
So far, I have a "container" class inside the "jumbotron" class to make it full width of the screen without rounded corners, but...
Read more >
Bootstrap 4 vert center jumbotron full height on Codeply
Jumbotron. This is a full-screen centered hero unit. Learn more. Preview open_in_new. 959.
Read more >
Bootstrap Jumbotron - free examples, templates & tutorial
Responsive Jumbotron built with Bootstrap 5. Classic hero component, jumbotron with background image, with navbar, full height, slider & more combinations.
Read more >
Jumbotron - Bootstrap
A lightweight, flexible component that can optionally extend the entire viewport to showcase key marketing messages on your site. Hello, world! This is...
Read more >
How To Make A Full Height Divi Hero Section
Make A Divi Section Full Height With The Sizing Settings ... Would there be a way to show the bottom margin on the...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found