https://github.com/mdbootstrap/bootstrap-navbar-brand

Responsive Navbar brand built with Bootstrap 5. Examples of responsive navbar brands include the image, the icon, in center or a background color.
https://github.com/mdbootstrap/bootstrap-navbar-brand

bootstrap bootstrap-brands bootstrap-navbar bootstrap-navbar-brand bootstrap-template bootstrap-theme bootstrap5 html

Last synced: about 2 months ago
JSON representation

Responsive Navbar brand built with Bootstrap 5. Examples of responsive navbar brands include the image, the icon, in center or a background color.

Host: GitHub
URL: https://github.com/mdbootstrap/bootstrap-navbar-brand
Owner: mdbootstrap
License: mit
Created: 2022-09-09T11:24:18.000Z (over 2 years ago)
Default Branch: main
Last Pushed: 2022-09-14T07:58:04.000Z (over 2 years ago)
Last Synced: 2025-03-08T23:45:57.283Z (3 months ago)
Topics: bootstrap, bootstrap-brands, bootstrap-navbar, bootstrap-navbar-brand, bootstrap-template, bootstrap-theme, bootstrap5, html
Homepage: https://mdbootstrap.com/docs/standard/extended/navbar-brand/
Size: 65.4 KB
Stars: 0
Watchers: 2
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

Responsive Navbar brand built with Bootstrap 5. Examples of responsive navbar brands include the image, the icon, in center or a background color.

Check out [Bootstrap Navbar brand Documentation](https://mdbootstrap.com/docs/standard/extended/navbar-brand/) for detailed instructions & even more examples.

## Basic example

[Bootstrap Navbar brand:
![Bootstrap 5 Navbar brand](/assets/basic-example.png)](https://mdbootstrap.com/docs/standard/extended/side-panel/#section-basic-example)

## How to use?

1. Download MDB 5 - free UI KIT

2. Choose your favourite customized component and click on the image

3. Copy & paste the code into your MDB project

[▶️ Subscribe to YouTube channel for web development tutorials & resources](https://www.youtube.com/MDBootstrap?sub_confirmation=1)

## More examples

[Bootstrap Navbar brand image and text:
![Bootstrap 5 Navbar brand](/assets/image-and-text.png)](https://mdbootstrap.com/docs/standard/extended/navbar-brand/#section-image-and-text)

[Bootstrap Navbar brand icon and text:
![Bootstrap 5 Navbar brand](/assets/icon-and-text.png)](https://mdbootstrap.com/docs/standard/extended/navbar-brand/#section-icon-and-text)

[Bootstrap Navbar brand in center:
![Bootstrap 5 Navbar brand](/assets/in-center.png)](https://mdbootstrap.com/docs/standard/extended/navbar-brand/#section-in-center)

[Bootstrap Navbar brand background color:
![Bootstrap 5 Navbar brand](/assets/background-color.png)](https://mdbootstrap.com/docs/standard/extended/navbar-brand/#section-background-color)

___

## More extended Bootstrap documentation