I am having trouble creating a full-width header using Bootstrap v5. Despite searching the site, I have not been able to find a solution that works for me.
*{
box-sizing: border-box;
font-size: 16px;
}
.no-padding {
padding-left: 0;
padding-right: 0;
}
<header>
<div class="container-fluid no-padding">
<img
src="https://images.unsplash.com/photo-1536782376847-5c9d14d97cc0? ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1356&q=80"
class="img-fluid"
alt="...">
</div>
</header>