diff --git a/docusaurus/docs/adding-bootstrap.md b/docusaurus/docs/adding-bootstrap.md
index dc97b6cab949f075151946ed96979fce1e5eb613..7def64b5720f5e0c2d5e5ee65711f284b7f91cc9 100644
--- a/docusaurus/docs/adding-bootstrap.md
+++ b/docusaurus/docs/adding-bootstrap.md
@@ -3,6 +3,31 @@ id: adding-bootstrap
 title: Adding Bootstrap
 ---
 
+Install Bootstrap from npm. 
+
+```sh
+npm install --save bootstrap@4
+```
+
+Import Bootstrap CSS in the beginning of your `src/index.css` file:
+
+```index.css
+@import "../node_modules/bootstrap/dist/css/bootstrap.css";
+```
+
+Now, you are ready to use bootstrap.
+
+```Sample Usage
+const sample = () => (
+    <div className="pt-5 text-center">
+        <h2>Sample</h2>
+    </div>
+);
+```
+
+
+## Adding Reactstrap
+
 You don’t have to use [reactstrap](https://reactstrap.github.io/) together with React but it is a popular library for integrating Bootstrap with React apps. If you need it, you can integrate it with Create React App by following these steps:
 
 Install reactstrap and Bootstrap from npm. reactstrap does not include Bootstrap CSS so this needs to be installed as well: