كيفية تثبيت بوتستراب في مشروع react

يمكنك تثبيت bootstrap كحزمة بواسطة مدير الحزم npm عن طريق الامر:

npm i bootstrap

الآن قم باستيراد ملف تنسيقات بوتستراب في ملف جافاسكربت الرئيسي index.js لديك:

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

وسيمكنك البدء في استعماله بشكل مباشر. 

قد تكون ايضا مهتما باستعمال react-strap مباشرة. وهي مكتبة تتوفر على مجموعة من مكونات react وبوتسراب سهلة الاستخدام والتضمين مباشرة.

كما وضح التعليق السابق فإنه يمكنك تضمين البوتستراب بعدة طرق منها الموجودة في التعليق السابق

ومنها ال React-Bootstrap  أو ال Reactstrap وهما يستخدمان ال components بنفس الطريقة وهي كالتالي

1.  تنزيل ال bootstrap عن طريق npm

   npm install react-bootstrap bootstrap --save

    

2. نقوم بتضمين الملف في ملف ال javascript

   import "bootstrap/dist/css/bootstrap.css";

    

3. الأن يمكنك استخدام ال bootstrap مكونات (component) كالتالي

   import { Button } from 'react-bootstrap';
   
   <Button variant="primary" size="lg" active>
     I am a Button
   </Button>