1
Good morning.
I’m using Bootstrap to develop a website and I’m using a Navbar and a Div with an image, but when I insert the navbar and div with the image, the div starts just below Navbar and that’s not what I expected.
Basically what I want and overlay this image with the navbar, ie make the div start at the top corner of the screen and the navbar too, superimposing the div.
Can someone help me?
I tried to use z-index, but I could not set a value that overlaps my div.
Thanks for your help.
Edit: That part of the code is basically this:
<nav class="navbar navbar-expand-sm navbar-dark bg-dark">
<a class="navbar-brand" href="index.html">Navbar</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarMain" aria-controls="navbarMain" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarMain">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="solu.html">Soluções</a>
</li>
<li class="nav-item">
<a class="nav-link" href="prod.html">Produtos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="abt.html">Sobre</a>
</li>
</ul>
</div>
</nav>
<div style="min-height: 100vh;width: 100%;background-color: blue">
<p>Div</p>
</div>
A full screen div and a navbar that has to overlay it, realize that the text "div" ta under the navbar, wanted it "disappear behind the navbar"
Post an example of your code.
– Daniel Bonifácio
Without code and a visual sample of the problem it is difficult to find a solution.
– Sam
I edited and placed a sample of the code.
– Targaryen