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