آموزش راه اندازی بوت استرپ 4 و معرفی کامل Bootstrap


آموزش راه اندازی بوت استرپ 4 و معرفی کامل Bootstrap
برای خرید این درس نیاز است وارد سایت شوید. در صورت نداشتن حساب کاربری عضو شوید.

نحوه راه اندازی  بوت استرپ 4:

بوت استرپ چیست (Bootstrap 4) و چه کاربردی دارد؟

بوت استرپ یک فریمورک (کدهای آماده شده توسط زبان های برنامه نویسی) می باشد، که توسط شرکت twitter  به کمک زبان های javascript وcss نوشته شده است.
 که به شما کمک می کند وب سایت ها را سریع تر و آسان تر طراحی کنید و همچنین به راحتی وب سایت های خود را واکنشگرا بسازید.این فریمورک شامل الگوهای طراحی مبتنی بر html وcss برای ایجاد فرم ها، دکمه ها، جداول، منوها و اسلایدرهای تصویرو... می باشد.

چگونه bootstrap 4 را راه اندازی کنیم ؟

نحوه استفاده از bootstrap 4 در صفحات html :
به دو روش می توانیم ازbootstrap 4  در صفحات خود استفاده کنیم:

روش اول: اضافه کردن bootstrap 4 به کمک cdn

1. با استفاده از cdn(لینک های مستقیم)  بوت استرپ را به وبسایت خود اضافه می کنیم. که در این صورت زمانی که به اینترنت متصل باشیم می توانیم از این فریمورک استفاده کنیم. برای این کار، ابتدا به سایت getbootstrap.com مراجعه می کنیم.با توجه به عکس زیر، برروی منو مشخص شده کلیک می کنیم.
 

اضافه کردن bootstrap 4 به کمک cdn

 

و لینک های مشخص شده را کپی می کنیم.

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

و در صفحه html قرار می دهیم.

راه اندازی بوت استرپ 4

 

روش دوم: دانلود فایل های bootstrap 4

2. در این روش باید ابتدا فایل های  bootstrap 4 را دانلود کنیم و در صفحه html خود قرار می دهیم.

با توجه به تصویر زیر روی گزینه دانلود کلیک می کنیم.

نحوه دانلود بوت استرپ 4

 

برای دانلود فایل های css روی گزینه مشخص شده کلیک می کنیم.

دانلود قایل های css برای نصب بوت استرپ
 

 

 

فایل دانلود شده را از حالت فشرده خارج می کنیم و فایل css مشخص شده را در پوشه سایت خود قرار می دهیم.

فایل css مورد نیاز برای نصب بوت استرپ

 

 

در ادامه، برای دانلود فایل های js ،با توجه به تصویر زیر پیش می رویم.

دانلود فایل های js برای نصب بوت استرپ

 

بعد، روی گزینه مشخص شده کلیک میکنیم.

کد جاوا اسکریپت برای نصب بوت استرپ

 

 

لینک انتخاب شده را در پنجره جدید باز می کنیم،مانند عکس فایل را در پوشه وب سایت خود ذخیره می کنیم.

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

ذخیره فایل دانلودی برای راه اندازی بوت استرپ

 

 

دو فایل بعد هم مانند تصاویر بالا در پوشه وب سایت خود ذخیره می کنیم. بعد از اتمام اینکار فایل های مورد نظر را در صفحه html  خود قرار می دهیم.

 

نکته : فایل های js را طبق تصویر بالا در صفحه html خود قرار دهید، ترتیب قرار گرفتن فایل های js مهم می باشد.

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

امیدواریم که این آموزش برای شما دوستان درسمنی عزیز مفید باشد، درصورت سوال و یا مشکل می توانید به انجمن پرسش و پاسخ درسمن مراجعه کنید.پیشنهادات و انتقادات خود را در بخش نظرات برای ما ارسال کنید.smiley
 


نظر بدهید

نشانی ایمیل شما منتشر نخواهد شد .
برای ارسال نظر نیاز است وارد سایت شوید. در صورت نداشتن حساب کاربری عضو شوید.

مشخصات دوره


مدرس دوره : مهدی عباسی
تعداد جلسات 24 جلسه
مدت زمان 601 دقیقه
حجم دوره 2/76 گیگابایت
سطح مهارت مقدماتی تا پیشرفته
وضعیت دوره پایان یافته
تعداد دانشجویان 130
: میانگین امتیاز

175,000تومان
برای دسترسی به این دوره وارد یا عضو شوید.
مهدی عباسی
مهدی عباسی

درباره مدرس :

مدیر‌ عامل‌ شرکت آریا‌ نرم‌‌ افزار دارنده مدرک کارشناسی‌ ارشد مهندسی کامپیوتر 12‌ سال سابقه تدریس دروس کامپیوتر را در دانشگاههای دولتی، آزاد، پیام‌نور ملایر، شهیدشمسی‌پور تهران و تدریس برنامه‌نویسی در ... ر انیستیتو ایزایران، مجتمع فنی و موسسه راه‌آینده تهران دارا میباشد و تا به حال راهنمایی انجمنهای علمی دانشگاه و صدها پروژه دانشجویی را برعهده داشته است. تخصص اصلی: با داشتن گواهی‌نامه‌های معتبر تدریس از انیستیتو‌ ایزایران، راه آینده‌تهران و سازمان‌فنی‌حرفه‌ای، تدریس و آموزش‌ دروس کامپیوتر، ‌برنامه‌نویسی کامپیوتر و کلاسهای کنکور کارشناسی و کارشناسی‌ارشد میباشد.همچنین تجربه داوری و نظارت مسابقات برنامه‌نویسی کشوری‌ACM را در سالهای متعدد داشته و تیم مورد رهبری ایشان در 3سال متوالی مقام اول مسابقات کشوری را از آن خود کرده است.ایشان مقالاتی در زمینه شبکه‌های کامپیوتری، تکنیک‌های وزارت دفاع و ... به ثبت رسانده و مشاور و کارشناس در طراحی و برنامه نویسی بیش از 50‌برنامه کاربردی تحت وب و ویندوز و موبایل میباشد. افتخارات دیگر:کسب مقام دوم ایده‌های برتر در مسابقات استارت‌آپ و بکند کشوری را نام برد.بیشتر بدانید