Navbar in Bootstrap

 Navbar: Bootstrap's navbar is a responsive and customizable navigation bar that can be used to create menus, submenus, and dropdowns. You can use Bootstrap's navbar classes to style the navbar and its contents. Here's an example:

html


<nav class="navbar navbar-expand-lg navbar-light bg-light">

  <a class="navbar-brand" href="#">My Website</a>

  <button class="navbar-toggler" type="button" data-toggle="collapse" data-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 active">

        <a class="nav-link" href="#">Home</a>

      </li>

      <li class="nav-item">

        <a class="nav-link" href="#">About</a>

      </li>

      <li class="nav-item">

        <a class="nav-link" href="#">Services</a>

      </li>

      <li class="nav-item">

        <a class="nav-link" href="#">Contact</a>

      </li>

    </ul>

  </div>

</nav>

This code creates a navbar with four menu items using Bootstrap's navbar classes.

No comments:

Post a Comment

The Importance of Cybersecurity in the Digital Age

 The Importance of Cybersecurity in the Digital Age Introduction: In today's digital age, where technology is deeply intertwined with ev...