راهنمای کامل دانلود و نصب بوت استرپ

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

بوت استرپ

۱- دانلود بوت استرپ

برای استفاده از بوت استرپ، روش‌های مختلفی وجود دارد. اگر می‌خواهید فایل‌های بوت استرپ را به ساده‌ترین شکل ممکن دانلود و استفاده کنید، می‌توانید از صفحه Github پروژه، آخرین نسخه dist را دانلود کنید.

در حال حاضر آخرین نسخه‌ی موجود، ۵.۳.۳ است و ما فایل « bootstrap-5.3.3-dist.zip» را دانلود می‌کنیم.

۲- درج کدهای CSS در صفحه

بخش اصلی بوت‌استرپ، قسمت‌های css آن است که با استفاده از کد زیر می‌توانید آن‌ها را در سایت خود درج کنید:

۳- درج کدهای جاوااسکریپت بوت استرپ

برخی از قابلیت‌های بوت‌استرپ با کمک جاوااسکریپت قابل استفاده می‌باشند. جهت استفاده از تمامی امکانات این فریم‌ورک، ابتدا لازم است تا jQuery و سپس Popper.js را دانلود کنید:

  1. دانلود jQuery
  2. راهنمای نصب جی‌کوئری
  3. دانلود Popper.js

پس از دانلود دو کتابخانه‌ی فوق، کدهای زیر را برای درج بوت‌استرپ در سایت خود، جایی در انتهای فایل html درج کنید:

در صورت تمایل می‌توانید از بسته‌ی bundle بوت استرپ که خود حاوی Popper.js است به شکل زیر استفاده کنید:

قالب HTML کامل بوت استرپ

برای آسان‌تر شدن کار می‌توانید از قالب زیر برای تولید فایل HTML استفاده کنید:

منبع: راهنمای بوت استرپ

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

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