简体   繁体   中英

Why isn't my background image showing up for my jumbotron?

Trying to get a background image for my jumbotron but nothing is working.

I have made sure my CSS comes after Bootstraps CSS and I've also tried changing the path. The image is in the right folder too.

 .jumbotron { background-image: url(pepperonis.jpeg); background-size: cover; } 
 <div class="jumbotron"> <h1><strong> My Favorite Foods In The World</strong></h1> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> </div> 

Ok Jordan I see some crazy stuff going on here. But to answer your question, your background url is not linked to any file, just an image.

    .jumbotron {
     background-image:("/images/something.jpeg")
    }

This is just an example hope it helps

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM