سلام،

به چند طریق میتونید که در ادامه لیست میکنم:

۱. استفاده از CDN (ساده نرین)

فقط لینک‌های CSS و JS رو توی public/index.html قرار بدید، نیازی به نصب چیزی نیست!

۲. نصب با npm/yarn (بهینه‌تر)

بوت استرپ رو نصب کنید و فایل CSSش رو توی index.js ایمپورت کنید.

npm install bootstrap

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

۳. React-Bootstrap (حرفه‌ای‌تر)

هم بوت استرپ و هم React-Bootstrap رو نصب کنید. کامپوننت‌های آماده‌اش خیلی کار رو راحت می‌کنه.  

npm install react-bootstrap bootstrap

import 'bootstrap/dist/css/bootstrap.min.css';
import Button from 'react-bootstrap/Button';
function App() {
  return کلیک کن!;
}

۴. استفاده از SCSS (برای سفارشی‌سازی)

اگر می‌خواید استایل‌ها رو دستکاری کنید، از SCSS استفاده کنید. اول بوت استرپ رو نصب کنید، بعد فایل SCSSش رو ایمپورت کنید و تغییرات بدید.  

npm install bootstrap

$primary: #ff0000; // تغییر رنگ primary به قرمز
@import '~bootstrap/scss/bootstrap';

import './styles/custom.scss';

۵. با Create React App (روش پیش‌فرض)

اگر از CRA استفاده می‌کنید، بعد از ساخت پروژه، بوت استرپ رو نصب کنید و CSSش رو ایمپورت کنید.

npx create-react-app my-app
npm install bootstrap

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