diff --git a/guide/english/bootstrap/alerts/index.md b/guide/english/bootstrap/alerts/index.md
new file mode 100644
index 0000000000..34326aa058
--- /dev/null
+++ b/guide/english/bootstrap/alerts/index.md
@@ -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/)
diff --git a/guide/english/bootstrap/badges/index.md b/guide/english/bootstrap/badges/index.md
new file mode 100644
index 0000000000..230d1b2dcd
--- /dev/null
+++ b/guide/english/bootstrap/badges/index.md
@@ -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/)
\ No newline at end of file