نحوه کار با بوت استرپ

نحوه کار با بوت استرپ

برای اضافه کردن فریم ورک بوت استرپ به صفحه وب خود تنها کافیست به فایل HTML خود مراجعه کنید. فایل را با استفاده از یک ویرایشگر مانند VS CODE باز کنید و در بخش head قالب تکه کد زیر مربوط به ورژن دلخواه بوت استرپ را اضافه کنید. برای مثال با استفاده از تکه کد زیر می‌توانید bootstrap 5 را به فایل HTML خود اضافه کنید:

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">

تبریک میگم! شما به راحتی موفق شدید فریم ورک بوت استرپ را به فایل خود اضافه کنید. حالا می‌توانید با توجه به کلاس‌های آماده‌ای که در بوت استرپ وجود دارد صفحات وب خود را طراحی کنید. برای اینکه بتوانید صفحات وب خود را واکنشگرا کنید باید تکه کد زیر را قبل از کتابخانه بوت استرپ به فایل HTML خود اضافه کنید. به بخش فایل خود بروید و کدهای زیر را در بخش head اضافه کنید.

<meta name="viewport" content="width=device-width, initial-scale=1">