# Navbar

[**Bootstrap docs**](https://getbootstrap.com/docs/5.3/components/navbar/)

### Key Features

* **Container Options**: Supports fixed and fluid container types for different layout needs.
* **Placement Options**: Includes placement configurations like default, fixed-top, fixed-bottom, and sticky-top.
* **Color Themes**: Offers color themes such as light and dark for style customization.
* **Expandable Navbars**: Configurable expansion settings for responsive design at breakpoints like sm, md, lg, xl.
* **Utility Class Integration**: Allows for the addition of custom utility classes for further styling and functionality customization.

### Customization Options

* **Flexible Container**: Choose between a fixed-width or full-width container to match the layout of your site.
* **Navbar Placement**: Customize the placement of the navbar to suit different design requirements.
* **Color Schemes**: Select from light or dark color schemes to align with your site's theme.
* **Responsive Behavior**: Set the navbar to expand at specific screen sizes for optimal responsiveness.

### Usage

```twig
{% include 'radix:navbar' with {
  navbar_container_type: 'fluid',
  placement: 'sticky-top',
  navbar_theme: 'dark',
  navbar_expand: 'md',
  navbar_utility_classes: ['bg-light'],
  branding: branding_content,
  left: left_block_content,
  right: right_block_content
} %}
```


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.trydrupal.com/radix/components/navbar.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.