Bootstrap navbar brand padding

Hello, I´m learning how to create navbars with bootstrap and my problem is that when I put a brand to the navbar, this brand doesn´t have any padding to its left, it´s directly touching the border of the screen, can somebody tell me if I did something wrong and if so, how to fix it? thank you

<nav class="navbar navbar-expand-lg bg-dark navbar-dark ">
  <a class="navbar-brand" href="">SP</a>
  <ul class="navbar-nav">
    <li class="nav-item">
      <a  class="nav-link" href=""> Menu </a> </li>
      <li class="nav-item">
        <a  class="nav-link" href=""> Prices </a> </li>
        <li class="nav-item">
          <a  class="nav-link" href=""> Contact </a> </li>
  </ul>
</nav>

You can add padding using utility classes or put elements inside a container. If the nav is inside a parent container (like a header) you can also add padding to the container as well.

I would suggest looking at the navbar examples they have. Inspect the examples in the browser to better see what styles are being applied.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.