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!阅读原文】。感谢您的支持!


Slideshow Glitch – Debugging Assistance I have a wordpress site with an image slider. At some point the transitions on this image slider became sloppy. The im...
How can I access a dataset from modal bootstrap by... here i want to pass data-id to the modal and i want to access all other student data to be accessed from the modal when ...
You Can Bootstrap Your Startup From an Excel Sprea... Pini Yakuel is the co-founder of Optimove , an AI-driven relationship management platform that lets brands like...
Juju 2.2.0 and conjure-up 2.2.0 are here! We are excited to announce the release of Juju 2.2.0 and conjure-up 2.2.0! This release greatly enhances memory and C...
Using Twitter Bootstrap to style an email contact ... I am still very new to programming and trying to learn with rails. I have copied and pasted the email form from ht...