Css Background Overlay Eassy Method ๐
.slider1 {
background:linear-gradient(rgba(9,32,50,0.4),rgba(9,32,50,0.4)),url('../img/bg_banner1.jpg');
}
.bg-cover {
background-repeat: no-repeat !important;
background-position: center !important;
background-size: cover !important;
}
Scrollspy Bootstarp5 ๐
Automatically update Bootstrap navigation or list group components based on scroll position to indicate which link is currently active in the viewport.
<body data-bs-spy="scroll" data-bs-target="#navbar-example">
...
<div id="navbar-example">
<ul class="nav nav-tabs" role="tablist">
...
</ul>
</div>
...
</body>