Bootstrap navbar brand padding

HTML-CSS
1

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

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.

3

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