Bom dia.
Eu estou utilizando o Bootstrap para desenvolver um site e eu estou usando uma Navbar e uma Div com uma imagem, porem quando eu insiro a navbar e a div com a imagem, a div começa logo abaixo da Navbar e não era isso que eu esperava.
Basicamente o que eu quero e sobrepor essa imagem com a navbar, ou seja, fazer a div começar no canto superior da tela e a navbar também, sobrepondo a div.
Alguém pode me ajudar?
Eu já tentei usar o z-index, porém não consegui setar um valor que sobreponha minha div.
Desde já, agradeço pela ajuda.
Edit: Essa parte do código é basicamente isso:
<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>
Uma div de tela inteira e uma navbar que tem que sobrepor ela, perceba que o texto "div" ta embaixo da navbar, queria q ele "sumisse atras da navbar"