How to install a react bootstrap bangla blog? কিভাবে রিয়েক্ট বুটস্ট্র্যাপ ইনস্টল করবেন ?

*React Bootstrap install করার আগে অব্যশই আপনাকে react project create করতে হবে । তা জদি না থাকে তাহলে নিচের লিংক এ গিয়ে নতুন project create করুন ।

১। React bootstrap install করার জ্ন্য আপনার vs code editor এর

গিয়ে New Terminal ওপেন করুন এবং টাইপ করুন ।

npm install react-bootstrap bootstrap

Enter বাটনে হিট করার সাথে সাথে আপনার project এ react Bootstrap

install শুরু হয়ে যাবে । কিছু সময় অপেক্ষা করুন Install হওয়ার জন্য ।

২। এরপর আপানার project এর src folder এর গিয়ে index.js file টি

খুজে open করুন এবং নিচের লিখাটি import করুন ।

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

তাহলে bootstrap ব্যবহার করার জন্য প্রস্তুত হবে । এবার আপনার project

এ গিয়ে যেভাবে bootstarap ব্যবহার করবেন ।

৩। যেই ফাইলে এ ব্যবহার করবেন আগে সেই ফাইলের component এ

import করে নিবেন । যেমন ধরুন App.js file এ একটি বাটন ব্যবহার

করবেন তাহলে আপনাকে আগে import করতে হবে নিচের যেকোনো

একটির মত করে ।

import Button from 'react-bootstrap/Button';

অথবা ,

import {Button} from 'react-bootstrap';

component এ ব্যবহার করবেন যেভাবে :

<>

<Button variant="success">
Button as link
</Button>

<>

Output :

এভাভেই আপনি আপনার পয়োজন মতো যেকোন Bootstrap

component ব্যবহার করতে পারবেন আপনার project e ।

৪। আপনি চাইলে সিম্পুল Bootstrap ব্যবহার করতে পারবেন ।

sWebCode