https://github.com/mdbootstrap/bootstrap-flash-messages

Responsive Flash messages built with the latest Bootstrap 5. Flash messages provide contextual feedback informations for typical user actions with a handful of responsible and flexible messages boxes.
https://github.com/mdbootstrap/bootstrap-flash-messages

bootstrap bootstrap-alerts bootstrap-flash-messages bootstrap-messages bootstrap-template bootstrap-theme bootstrap5 css html js

Last synced: 5 months ago
JSON representation

Host: GitHub
URL: https://github.com/mdbootstrap/bootstrap-flash-messages
Owner: mdbootstrap
License: other
Created: 2022-09-01T10:34:03.000Z (almost 4 years ago)
Default Branch: main
Last Pushed: 2024-06-25T17:46:17.000Z (about 2 years ago)
Last Synced: 2025-08-10T23:35:51.707Z (11 months ago)
Topics: bootstrap, bootstrap-alerts, bootstrap-flash-messages, bootstrap-messages, bootstrap-template, bootstrap-theme, bootstrap5, css, html, js
Homepage: https://mdbootstrap.com/docs/standard/extended/flash-messages
Size: 1.05 MB
Stars: 0
Watchers: 2
Forks: 0
Open Issues: 1
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

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

## Basic examples

[Bootstrap Flash messages:
![Bootstrap 5 Flash messages](/assets/basic-examples.png)](https://mdbootstrap.com/docs/standard/extended/flash-messages/#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 Flash messages static examples:
![Bootstrap 5 Flash messages](/assets/static-examples.png)](https://mdbootstrap.com/docs/standard/extended/flash-messages/#section-static-example)

[Bootstrap Flash messages icons:
![Bootstrap 5 Flash messages](/assets/icons.png)](https://mdbootstrap.com/docs/standard/extended/flash-messages/#section-icons)

[Bootstrap Flash messages dismissing:
![Bootstrap 5 Flash messages](/assets/dismissing.png)](https://mdbootstrap.com/docs/standard/extended/flash-messages#section-dismissing)

___

## More extended Bootstrap documentation