برای اطلاع از آپدیت دوره ها و تخفیف ها عضو کانال اطلاع رسانی ما بشید ما شوید !
02128428905
0

آموزش نصب بوت استرپ ۴

سلام دوستان عزیز و همراهان همیشگی سبزلرن همون طور که میدونین بوت استرپ محبوب ترین و پراستفاده ترین فریمورک برای ریسپانسیو سازی صفحات وب هست و یادگیری بوت استرپ برای هر طراحی وبی امری ضروری محسوب میشود تو این مقاله میخوایم راجع به آموزش نصب بوت استرپ ۴ صحبت کنیم، با ما همراه باشید.

 

روش های نصب بوت استرپ

آموزش نصب بوت استرپ 4

استفاده از CDN

خب بریم سراغ آموزش نصب بوت استرپ ۴، یکی از روش های استفاده از فریمورک بوت استرپ استفاده از cdn هست؛

شما میتونین با استفاده از CDN بوت استرپ رو به فایل html خودتون لینک بکنین؛

استفاده از CDN به این شکل هست که به جای لینک کردن فایل css و js، آدرس اینترنتی فایل های مربوطه رو به فایل Html خودتون لینک میکنین

(در لینک کردن فایل های css و js در صفت های href و src در تگ های link و script از لینک اینترنتی فایل های مربوطه استفاده میکنین)
لینک های لازم رو میتونین از داکیومنت اصلی بوت استرپ کپی بکنین
بعد از کپی کردن cdn های بوت استرپ داکیومنت شما به شکل زیر خواهد بود:

 

استفاده از فایل

شما میتونین به جای استفاده از لینک های اینترنتی فایل ها، خود فایل ها رو به داکیومنتتون لینک بکنین
شما به دو روش میتونین فایل های لازمه بوت استرپ رو داشته باشین
روش اول اینه که با داکیومنت بوت استرپ مراجعه کرده و از این لینک سورس بوت استرپ رو دانلود بکنین و فایل های دانلود شده رو به داکیومنت خودتون لینک بکنین
روش دوم اینه که cdn هایی که کپی کرده بودین رو یک به یک در url مرورگر خودتون paste بکنین و سورس کدی که براتون میاره رو Save As کرده و در قالب فایل سِیو بکنین و فایل دانلود شده رو به داکیومنت خودتون لینک بکنین.

 

استفاده از پکیج منیجر NPM

خیلی از دوستان حرفه ای که از فریمورک ها و کتابخانه هایی مثل React یا Vue یا … استفاده میکنند از پکیج منیجر های موجود مثل Npm, yarn, … استفاده میکنند

و با وارد کردن یک خط فرمان ساده تمامی فایل های لازم برای استفاده از بوت استرپ رو به پروژه خودشون اضافه میکنند.
پکیج منیجر NPM پراستفاده ترین پکیج منیجر موجود هست

و برای استفاده از آن باید به سایت مراجعه کرده و آن را دانلود و نصب نمایید و با وارد کردن دستور npm install bootstrap میتونین بوت استرپ رو برای خودتون نصب بکنین

 

مزایا و معایب استفاده از فایل و CDN

اگر شما از cdn بوت استرپ استفاده کنین برای دانلود فایل های بوت استرپ از سرور نیاز به اینترنت هست؛

بعدا ممکنه اینترنت کاربران شما مشکل داشته باشه یا حتی سرور بوت استرپ فیلتر یا تحریم بشه و ظاهر سایت شما به هم بخوره!!
این مورد اصلی ترین ایراد استفاده از CDN هست
اما اگر شما از فایل های بوت استرپ استفاده کرده و آن ها را به صورت فایل به پروژتون لینک بکنین،

حتی اگر جایی فیلتر یا تحریم بشه شما مطمئن هستین که فایل های لازم برای نصب بوت استرپ در هاست شما وجود دارند و به هیچ وجه نگران فیلترینگ نیستین.

 

کدوم ورژن بوت استرپ رو استفاده کنم؟!

وقتی وارد داکیومنت فریمورک بوت استرپ میشین،

از بالا و سمت راست سایت میتونین ورژن دلخواه خودتون رو انتخاب کنین.
فعل حال ورژن نهایی بوت استرپ نسخه ۴٫۵ می باشد ولی دوستانی هم هستند که از نسه ۳ استفاده میکنند
وقتی فریمورک یا کتابخانه ای آپدیت میشود، بدون شک ایراداتی رو که در نسخه های قبلی وجود دارد برطرف کرده و امکانات جدید و بهتری به ورژن جدید اضافه کند.
پیشنهاد میکنیم از آخرین نسخه بوت استرپ استفاده کنین.

 

سفارشی سازی بوت استرپ

بوت استرپ یک فریمورک است و قطعا تمام نیازهای شما رو برطرف نمیکنه
به عنوان مثال شاید شما بخواین سایتتون رو با یک گریدبندی دلخواه ریسپانسیو بکنین یا یکی از کامپوننت های بوت استرپ رو با استایل دلخواه خودتون استفاده کنین،

این موقع باید کدهای پیشفرض بوت استرپ رو سفارشی سازی(کاستومایز) کنین
برای کاستومایز کردن بوت استرپ یک فایل css(مثلا با اسم style.css) ایجاد کرده و اونو بعد از فایل bootstrap.css لینک بکنین

و هر کلاسی از بوت استرپ که میخواین استایل هاش رو عوض بکنین در فایل style.css اسم کلاس رو نوشته و استایل های مدنظرتون و بهش نسبت بدین
یه نکته که باید بهش توجه کنین اینه که به هیچ وجه سورس کد بوت استرپ رو به بهانه کاستومایز کردن دستکاری نکنین و برای کاستومایز کردن حتما از یک فایل css اکسترنال استفاده کنین.

 

سخن پایانی

در این مقاله سعی کردم در مورد روش های پراستفاده نصب فریمورک بوت استرپ ۴ بهتون بگم
امیدوارم براتون مفید بوده باشه و از این مقاله استفاده بهره کافی رو برده باشین
اگه سوال، پیشنهاد یا انتقادی داشتین تو کامنت های همین مقاله برامون بنویسین
تا مقاله ای دیگر خدانگهدار.

محمدامین سعیدی راد

ارسال دیدگاه

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