Lab 2: Build the website interface by BootStrap

1. Install Bootstrap 5

In your project directory, install Bootstrap 5 and its dependencies by running the following command:

npm install bootstrap@5.3.2

Import Bootstrap styles in your React components by adding the following line at the top of your
component file:

import 'bootstrap/dist/css/bootstrap.min.css';

2. Build the website interface

 Use Bootstrap's grid system to create responsive layouts. You can use the Container, Row, and
Col components to structure your content.
 Use Bootstrap's pre-designed UI components, such as buttons, forms, and cards, to enhance the
user interface of your website.
 Customize the styles of Bootstrap components by adding your own CSS classes or overriding
Bootstrap's default styles.

More Reference: https://getbootstrap.com/docs/5.3/getting-started/introduction/

Images Resource: pizza.zip

Page 1
Page 2