css - jumbotron background image doesn't show -


i want show image in background doesn't show:

<div class="jumbotron jumbotron-fluid background: url('/assets/img/mhacks.jpg') no-repeat center center;">     <div class="container text-sm-center p-t-3">          <h1 class="display-2">mona jalal</h1>         <p class="lead">under construction</p>     </div> </div> 

what see is: enter image description here

p.s.: in general how can debug such faults? here's jsfiddle: https://jsfiddle.net/e5qsnjdo/

with following code:

<div class="jumbotron jumbotron-fluid style="background-image: url('/assets/img/mhacks.jpg') no-repeat center center;">     <div class="container text-sm-center p-t-3">          <h1 class="display-2">mona jalal</h1>         <p class="lead">under construction</p>     </div> </div> 

i these errors: enter image description here enter image description here enter image description here

move background property style attribute:

<div class="jumbotron jumbotron-fluid" style="background: url('/assets/img/mhacks.jpg') no-repeat center center;"> 

or define in css follows:

.jumbotron {     background: url('./assets/img/mhacks.jpg') no-repeat center center; } 

// notice . before /assets if don't use . give 404 error -


Comments

Popular posts from this blog

sequelize.js - Sequelize group by with association includes id -

android - Robolectric "INTERNET permission is required" -

java - Android raising EPERM (Operation not permitted) when attempting to send UDP packet after network connection -