how to make full screen images slider in bootstrap 4
.carousel-item {
height: 100vh;
min-height: 350px;
background: no-repeat center center scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
Posted by: Guest
on December-05-2019
-1
how to make full screen images slider in bootstrap 4
<header><div id="carouselExampleIndicators"class="carousel slide" data-ride="carousel"><ol class="carousel-indicators"><li data-target="#carouselExampleIndicators" data-slide-to="0"class="active"></li><li data-target="#carouselExampleIndicators" data-slide-to="1"></li><li data-target="#carouselExampleIndicators" data-slide-to="2"></li></ol><div class="carousel-inner" role="listbox"><!-- Slide One - Set the background image forthis slide in the line below --><div class="carousel-item active" style="background-image: url('https://source.unsplash.com/LAaSoL0LrYs/1920x1080')"><div class="carousel-caption d-none d-md-block"><h2 class="display-4">First Slide</h2><p class="lead">This is a description for the first slide.</p></div></div><!-- Slide Two - Set the background image forthis slide in the line below --><div class="carousel-item" style="background-image: url('https://source.unsplash.com/bF2vsubyHcQ/1920x1080')"><div class="carousel-caption d-none d-md-block"><h2 class="display-4">Second Slide</h2><p class="lead">This is a description for the second slide.</p></div></div><!-- Slide Three - Set the background image forthis slide in the line below --><div class="carousel-item" style="background-image: url('https://source.unsplash.com/szFUQoyvrxM/1920x1080')"><div class="carousel-caption d-none d-md-block"><h2 class="display-4">Third Slide</h2><p class="lead">This is a description for the third slide.</p></div></div></div><a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev"><span class="carousel-control-prev-icon" aria-hidden="true"></span><span class="sr-only">Previous</span></a><a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next"><span class="carousel-control-next-icon" aria-hidden="true"></span><span class="sr-only">Next</span></a></div></header>
Posted by: Guest
on December-05-2019
Code answers related to "how to have a carousel cover the whole screen"
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems
resetting your password contact us
Check Your Email and Click on the link sent to your email