Why does not the background image appear in Jumbotron (Bootstrap)?

综合技术 2018-05-18 阅读原文

No matter how many times I've changed my folder and file names, made sure they are relative paths, etc., I can't seem to have my background image appear in my Jumbotron.

I just want it to show up behind in my Jumbotron DIV, but it's not.

Here's my HTML:

    Mock Website



Navbar example

This example is a quick exercise to illustrate how the default, static navbar and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.

View navbar docs »

Here's my CSS:

/* NAVBAR */
.navbar {
    margin-bottom: 0px;
    border-radius: 0px;

.jumbotron {
    background-color: ;
    background-image: url("/images/blue.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    color: #FFF;

.dropdown li {
    text-align: right;

Change and condense your CSS from background-image
to just background
to keep things nice and clean.

e.g. background: url(/images/blue.jpg) cover no-repeat;

The code itself looks functional though. Is image in the same directory? Perhaps reviewing this post will help: Links not going back a directory?

Hello, buddy!

责编内容by:Hello, buddy!阅读原文】。感谢您的支持!


Mesosphere DCOS, Azure, Docker, VMware & Every... After clearing out all the security-related tweaks and configurations and hav...
Bootstrap CSS Editing I just recently installed bootstrap 3.0 onto my site and have been playing aroun...
DFS Lab is helping the developing world bootstrap ... Entrepreneurs have it rough in Africa, India, Pakistan — places where VC cash d...
Bootstrap homepage carousel align vertical center I am trying to make a carousel on my Bootstrap site's homepage. I want it to be...
Why does the accordion not collapse? I am Using Yeoman the angular app generator and bootstrap with Bower. Just st...