Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/mdbootstrap/bootstrap-side-panel

Responsive side panel built with Bootstrap 5. Examples of responsive side panels which include slides, navigation, collapsing and more.
https://github.com/mdbootstrap/bootstrap-side-panel

bootstrap bootstrap-panel bootstrap-side-panel bootstrap-sidenav bootstrap-template bootstrap-theme bootstrap5 html js

Last synced: about 2 months ago
JSON representation

Responsive side panel built with Bootstrap 5. Examples of responsive side panels which include slides, navigation, collapsing and more.

Host: GitHub
URL: https://github.com/mdbootstrap/bootstrap-side-panel
Owner: mdbootstrap
License: mit
Created: 2022-09-08T22:18:40.000Z (over 2 years ago)
Default Branch: main
Last Pushed: 2022-09-14T07:57:44.000Z (over 2 years ago)
Last Synced: 2024-11-15T06:36:17.938Z (2 months ago)
Topics: bootstrap, bootstrap-panel, bootstrap-side-panel, bootstrap-sidenav, bootstrap-template, bootstrap-theme, bootstrap5, html, js
Homepage: https://mdbootstrap.com/docs/standard/extended/side-panel/
Size: 54.7 KB
Stars: 1
Watchers: 4
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

Responsive side panel built with Bootstrap 5. Examples of responsive side panels which include slides, navigation, collapsing and more.

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

## Basic example

[Bootstrap Side panel:
![Bootstrap 5 Side panel](/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 Side panel slide:
![Bootstrap 5 Side panel](/assets/slide.png)](https://mdbootstrap.com/docs/standard/extended/side-panel/#section-slide)

[Bootstrap Side panel collapse:
![Bootstrap 5 Side panel](/assets/collapse.png)](https://mdbootstrap.com/docs/standard/extended/side-panel/#section-collapse)

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

___

## More extended Bootstrap documentation