Salut, je suis entrain de faire la homepage pour mon site, j'ai décidé de mettre un jumbotron hero avec une image en background, mon but est que l'image prenne toute la page, et qu'il soit impossible de scroller vers le bas
Dans le html de la page j'ai seulement mon jumbotron :
<div class="jumbotron jumbotron-fluid jumbotron-index">
</div>Et dans mon css :
.jumbotron-index
{
height: 100vh;
background-image: url("images/countries/index_jumbotron.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
Sauf que actuellement l'image est bien prise à 100% par l'écran, mais il y'a la possibilité de scroller, et avoir une bande en dessous de l'image ?
J'ai éssayé de rajouter padding et margin 0, sans succès ..
L'explication en image :
Merci d'avance !
