# Navbar

*noun*

say it: **“NAV-bar”** **/ˈnævbɑːr/**

The bar across the top of a website with its name and main links, which folds into a menu on small screens.

## What is **Navbar** in CSS?

**Navbar** — The bar across the top of a site with its name and main links. Bootstrap's navbar folds the links into a menu button on narrow screens.

```html
<nav class="navbar navbar-expand-md bg-dark" data-bs-theme="dark">
  <div class="container">
    <a class="navbar-brand" href="/">Northwind</a>
  </div>
</nav>
```

## In a sentence

- “The **navbar** shows Home, Products and Cart, and turns into a menu button on phones.”

Level: Apprentice · [More CSS terms at this level](https://www.ask-codey.com/glossary?category=css&level=2)

Updated: October 28, 2026

Source: https://www.ask-codey.com/glossary/navbar