Categories
JavaScript

Add Bootstrap to Create React App

This post will help your add bootstrap to Create React App locally using yarn and npm. But, this is how bootstrap is added to any nodejs project, so you can basically add bootstrap any nodejs project the same way. Let’s get started now.

I assume that you already have installed nodejs, npm, yarn and created your create-react-app.

Save Bootstrap to Create React App

To save bootstrap to your create react app or any nodejs app you can use yarn or npm commands. Copy one from below and run it from your app root directory.

yarn add bootstrap
npm install bootstrap

Once it completes fetching and saving bootstrap to your app. Run the create react app server and open src/index.js file and add the following code.

yarn start
npm start

src/index.js

import React, {useState} from 'react';
import ReactDOM from 'react-dom';
import 'bootstrap/dist/css/bootstrap.min.css' //added 

Watch me add Bootstrap to Create React App

By Tube Mint

I am a YouTuber and I also do niche marketing. In the process of create my niche blog using WordPress, Drupal, and GatsbyJS, I learned a few things like html, css, JS, CMS, MVC frameworks, C++, Python, Ruby, MySQL, Windows and Linux. After some time.. I realized that I can share my knowledge with people on YouTube and through my blog. So, here I am. You can ask me if you have any question about these technologies.
Thanks,
@TubeMint