I've recently delved into bootstrap just a couple of days ago.
Now, I'm encountering an issue where I can't seem to add a background image to my entire webpage or even the jumbotron specifically. I've attempted to directly input the path (both relative and absolute) in the div tag, but to no avail. I've also experimented with CSS, but still haven't managed to display any background image in the output. Can someone please assist me?
My main focus is on having a background image for the jumbotron.
This is the code snippet I have created:
HTML:
<div class="row">
<div class="jumbotron">
<div class="container">
<center>
<h1>Avudo computers</h1>
<h5>Redesigning HOPES.</h5>
</center>
</div>
</div>
</div>
CSS:
background-image: url(../img/jumbotronbackground.jpg);
background-position: 0% 25%;
background-size: cover;
background-repeat: no-repeat;
color: white;
text-shadow: black 0.3em 0.3em 0.3em;