Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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

Responsive Vertical Navbar built with Bootstrap 5. The vertical navigation component provides an easy way to navigate through your website.
https://github.com/mdbootstrap/bootstrap-vertical-navbar

bootstrap bootstrap-navigation bootstrap-sidenav bootstrap-template bootstrap-theme bootstrap-vertical-navbar bootstrap5 css html js

Last synced: 28 days ago
JSON representation

Responsive Vertical Navbar built with Bootstrap 5. The vertical navigation component provides an easy way to navigate through your website.

Host: GitHub
URL: https://github.com/mdbootstrap/bootstrap-vertical-navbar
Owner: mdbootstrap
License: other
Created: 2022-09-01T10:23:49.000Z (about 2 years ago)
Default Branch: main
Last Pushed: 2022-09-13T16:00:08.000Z (about 2 years ago)
Last Synced: 2024-09-28T16:04:25.153Z (about 1 month ago)
Topics: bootstrap, bootstrap-navigation, bootstrap-sidenav, bootstrap-template, bootstrap-theme, bootstrap-vertical-navbar, bootstrap5, css, html, js
Homepage: https://mdbootstrap.com/docs/standard/extended/vertical-navbar/
Size: 1010 KB
Stars: 1
Watchers: 3
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

Responsive Vertical navbar built with Bootstrap 5. The vertical navigation component provides an easy way to navigate through your website.

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

## Basic example

[Bootstrap Vertical navbar:
![Bootstrap 5 Vertical navbar](/assets/basic-example.png)](https://mdbootstrap.com/docs/standard/extended/vertical-navbar/#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 Vertical navbar on the right:
![Bootstrap 5 Vertical navbar](/assets/on-the-right.png)](https://mdbootstrap.com/docs/standard/extended/vertical-navbar/#section-on-the-right)

[Bootstrap Vertical navbar not full height:
![Bootstrap 5 Vertical navbar](/assets/not-full-height.png)](https://mdbootstrap.com/docs/standard/extended/vertical-navbar/#section-not-full-height)

[Bootstrap Vertical navbar Submenu:
![Bootstrap 5 Vertical navbar](/assets/submenu.png)](https://mdbootstrap.com/docs/standard/extended/vertical-navbar/#section-submenu)

___

## More extended Bootstrap documentation