Bootstrap Jumbotron Image Size

February 21, 2016 by cryan.com

If you're looking for the ideal image dimension to use for Bootstraps Jumbotron, then this blog post is for you!

The best dimension to use is 1600 x 800. (or simple an image that has a 2:1 image ratio)

Theres all sorts of free images to use for the Jumbotron background, simply Google free Jumbotron background for a selection.

Ill contribute to the Internet experience and throw in three free Jumbotron images using the 1600X800 format. Feel free to use these in any design that you wish! These all will look fine if you are using the following CSS style in the latest Bootstrap API:

.jumbotron {
    margin-bottom: 0px;
    background-image: url(/images/background/xxx.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    color: white;
    text-shadow: black 0.3em 0.3em 0.3em;
}

Boston Back Bay	Florida Pool
Haunted Mansion	Art of Annimation