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 >© 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>