Step 2

Notice the app is styled with React Bootstrap. The React Bootstrap library is an adaptor for the Bootstrap CSS library. It provides a set of React components corresponding to Bootstrap components.

If you start a project from scratch, you can add React Bootstrap as follows.

  1. Install the library
npm install react-bootstrap@1.6.4 bootstrap@4.6.0
  1. Include the Bootstrap CSS inside index.js
import "bootstrap/dist/css/bootstrap.min.css";

The KeyCode App is very simple and made up of simple components, namely Container, Jumbotron, Row, Col, and Card.