Added Alerts Docs to Bootstrap in English (#21730)

* Added Alerts Docs

* Update index.md

* Add Alerts Documentation

* Include Badges

Badges Docs Simplified from Bootstrap Documentation.
This commit is contained in:
Parth Agarwal
2018-11-15 19:12:54 +05:30
committed by Tom
parent d6c9d612e5
commit 049e75c5cf
2 changed files with 40 additions and 0 deletions

View File

@ -0,0 +1,20 @@
---
title: Alerts
---
## Alerts
Make alert messages with the Bootstrap Framework.
#### How To Use:
The alert is a very easy to use component and below are code snippets that can help you show alerts.
**Code Example:**
`<div class="alert alert-primary" role="alert">A simple primary alert—check it out!</div>`
To alter the color of the alerts, change the `alert-primary` class to any Bootstrap color class you desire.
Here is a quick-reference to the [Bootstrap Color Classes](https://getbootstrap.com/docs/4.1/utilities/colors/).
#### More Information:
* [Bootstrap Alerts Documentation](https://getbootstrap.com/docs/4.1/components/alerts/)

View File

@ -0,0 +1,20 @@
---
title: Badges
---
## Badges
Cleaner way to display notifications and/or figures using the Bootstrap Framework.
#### How To Use:
The badge is a very easy to use component and below are code snippets that can help you display badges.
**Code Example:**
`<span class="badge badge-primary">Badge Text/Number Here</span>`
To alter the color of the alerts, change the `badge-primary` class to any Bootstrap color class you desire.
Here is a quick-reference to the [Bootstrap Color Classes](https://getbootstrap.com/docs/4.1/utilities/colors/).
#### More Information:
* [Bootstrap Badge Documentation](https://getbootstrap.com/docs/4.1/components/badge/)