bootstrap create react app
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

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.