I'm building a website with bootstrap and this is going to be the footer for the page. I got it from the bootstrap docs and changed it.

As of now, it is not 100% and I can't figure out what class is making it have a margin.

Here's the code:

<div >
  enter code here`<footer >
    <ul >
      <li ><a href="#" >Homepage</a></li>
      <li ><a href="#" >Contact us here</a></li>
    </ul>
    <p >&copy; copyright filler</p>
  </footer>
</div>

CodePudding user response：

Remove the container class and the mt-3 class on the first div.

Like so:

<div >
  enter code here`<footer >
    <ul >
      <li ><a href="#" >Homepage</a></li>
      <li ><a href="#" >Contact us here</a></li>
    </ul>
    <p >&copy; copyright filler</p>
  </footer>
</div>

If you wanted that margin on the top, just add the mt-3 class again.

CodePudding user response：

use container-fluid class instead of container class