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:
20
guide/english/bootstrap/alerts/index.md
Normal file
20
guide/english/bootstrap/alerts/index.md
Normal 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/)
|
20
guide/english/bootstrap/badges/index.md
Normal file
20
guide/english/bootstrap/badges/index.md
Normal 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/)
|
Reference in New Issue
Block a user