Home > OS >  Bootstrap 5 : Footer full width not working
Bootstrap 5 : Footer full width not working

Time:12-03

bootstrap footer screenshot

Hello, I am currently using the Bootstrap footer example and I am having a hard time figuring out how to make the footer in full width.

The code:

<div >

    <footer >
            <ul >
            <li ><a href="#" >Home</a></li>
            <li ><a href="#" >Features</a></li>
            <li ><a href="#" >Pricing</a></li>
            <li ><a href="#" >FAQs</a></li>
            <li ><a href="#" >About</a></li>
            </ul>
            <p >&copy; 2022 Company, Inc</p>
     </footer>

</div>

I already tried this code on my css:

footer {
   width: 100%;
}

but it's not working.

CodePudding user response:

Bootstrap container classes add padding to the left and right. according to doc you can add px-0 along with container classes.

<div >
....
</div>
  • Related