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

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

بوت استرپ

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

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

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

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

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

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

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

  1. دانلود jQuery
  2. دانلود Popper.js

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

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

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

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

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

پاسخی بگذارید

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

مشاوره رایگان تلفنی
۶۵ ۸۹ ۹۶ ۸۸ - ۰۲۱
۹۱ ۸۴ ۹۶ ۸۸ - ۰۲۱