Boostrap 5.1 nav

<nav class="navbar navbar-expand-lg navbar-light bg-light">
  <div class="container-fluid">
    <a class="navbar-brand" href="#">Navbar</a>
    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarNav">
      <ul class="navbar-nav">
        <li class="nav-item">
          <a class="nav-link active" aria-current="page" href="#">Home</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#">Features</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#">Pricing</a>
        </li>
        <li class="nav-item">
          <a class="nav-link disabled">Disabled</a>
        </li>
      </ul>
    </div>
  </div>
</nav>

Source: getbootstrap.com

Similar codes

14 votes215 views2 answers
Add a viewport meta tag to the document head to set the width of the layout viewport equal to the width of the device and set the initial scale of the viewport to 1.0.
Html
1 vote229 views1 answer
How to set canvas on background html
Html
0 vote212 views1 answer
How to include the trademark symbol in html
Html
0 vote237 views1 answer
Icon for instagram in bootstrap
Html
0 vote215 views1 answer
Card
Html
1 vote244 views1 answer
CDN_CSS
Html
0 vote212 views1 answer
Laravel csrf fields
Html
34 votes232 views10 answers
Jquery
Html
0 vote223 views1 answer
Fa fa file
Html
1 vote243 views1 answer
Bootstrap table combine columns
Html