https://github.com/kolappannathan/bootstrap-callouts

A simple callouts for use in Bootstrap 5 websites.
https://github.com/kolappannathan/bootstrap-callouts

bootstrap-callouts bootstrap-components bootstrap5 css-components

Last synced: 4 months ago
JSON representation

A simple callouts for use in Bootstrap 5 websites.

• Host: GitHub
• URL: https://github.com/kolappannathan/bootstrap-callouts
• Owner: kolappannathan
• License: mit
• Created: 2021-05-23T13:49:23.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2024-08-04T04:33:50.000Z (10 months ago)
• Last Synced: 2025-01-06T13:35:45.527Z (5 months ago)
• Topics: bootstrap-callouts, bootstrap-components, bootstrap5, css-components
• Language: HTML
• Homepage: https://kolappannathan.github.io/bootstrap-callouts/
• Size: 248 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: Changelog.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Bootstrap Callouts

A simple callouts for use in Bootstrap 5 websites.

 - **Live Demo**: https://kolappannathan.github.io/bootstrap-callouts/

 - **Bootstrap Version**: 5.3.3

### Sample Screenshots

*Light mode*

![](./demo/light-mode.png)

*Dark mode*

![](./demo/dark-mode.png)

### Usage

 1. Include the bs-callout.css in your site's CSS

 2. Here is an example HTML code

 ```HTML



    


        ✅ Success

    

    


        
 This is a success callout. 

        
 The color code used is #5cb85c 

    



 ```


### Type of Callouts

As seen in the screenshot there are 4 types of callouts. 

 1. Success

 2. Danger

 3. Warning

 4. Info