ری اکت(ReactJS)

نصب و استفاده از بوت استرپ در ReactJS

در این مطلب میخواهیم نصب و استفاده از بوت استرپ در ReactJS رو به شکل ساده و روان آموزش  بدم.

نصب و استفاده از بوت استرپ در ReactJS

نصب و استفاده از بوت استرپ در ReactJS

برای اینکه کار ساده تر پیش بره من آموزش رو مرحله بندی کردم و برای اضافه کردن بوت استرپ به پروژه ری اکت خودمون دو مرحله بیشتر نداریم!

مرحله اول:

نصب بوت استرپ، برای این کار در ترمینال ادیتور که معمولا VSCode هست وارد کنید:

				
					npm i bootstrap
				
			

مرحله دوم:

واد فایل index.js شوید و دستورات زیر را import کنید:

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

و تمام! به همین سادگی می توانیم بوت استرپ رو به پروژه های ری اکت خودمون اضافه کنیم و در کامپوننت ها ازش استفاده کنیم.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *