تبلیغات

معرفی فریمورک Bootstrap برای CSS + دانلود و نصب

معرفی فریمورک Bootstrap برای CSS + دانلود و نصب
نام فریمورک Bootstrap (بوت استرپ)
تکنولوژی CSS, JavaScript, HTML
کاربرد طراحی فرانت اند
طراحی ریسپانسیو بله

Bootstrap (بوت استرپ) را که می‌توان محبوب‌ترین فریمورک (چارچوب) برای سی‌اس‌اس دانست، مجموعه‌ای از ابزارهای کاملا رایگان برای طراحی صفحات و نرم افزارهای تحت وب است؛ که در واقع با فراهم کردن یک سری کلاس‌های CSS، کدهای جاوا اسکریپت و …، امکان طراحی مواردی همچون فرم‌ها، دکمه‌ها، تب‌ها، ستون‌ها و سایر المان‌های مورد نیاز را برای شما ساده‌تر می‌کند. همچنین به کمک بوت استرپ امکان طراحی ریسپانسیو (واکنش‌گار) سازگار با انواع صفحات نمایش مختلف نیز ساده‌تر می‌گردد.

تاریخچه بوت استرپ

Bootstrap از دل یکی از پروژه‌های توئیتر، که برای توسعه آنالیز داخلی و ابزارهای مدیریت بود، بیرون آمد. در مقطعی از انجام پروژه از کتابخانه‌های مختلفی برای توسعه رابط کاربری استفاده شد، که منجر به عدم ثبات و زحمات زیاد برای نگهداری و توسعه شد. اولین گسترش پروژه تحت شرایط واقعی در زمان اولین Hackweek توییتر اتفاق افتاد. و در نهایت درست در آگوست سال 2011 بود که بوت استرپ به‌صورت متن باز پا به دنیای طراحی وب گذاشت؛ و از همان ابتدا نیز به دلایل ویژگی‌های متمایز خود نسبت به رقبا، مورد توجه همگان بوده و در هر نسخه نیز توسعه‌دهندگان آن نیز سعی داشتند تا با امکانات و استانداردهای روز دنیا همگام شده و این سیر صعودی را حفظ و رضایت استفاده کنندگان خود را افزایش دهند؛ که در این امر نیز موفق بوده‌اند. هرچند که امروزه کتابخانه‌های بسیار زیاد دیگری نیز برای رقابت با بوت استرپ وجود دارد؛ و همانطور که هیچ چیز کامل نیست، در برخی موارد بوت استرپ ضعف‌هایی در برابر رقبای خود دارد؛ که در نسخه 5 تا حد خیلی خوبی این ضعف‌ها را باید فراموش کرد.

در حال حاظر نسخه‌ی 5 بوت استرپ منتشر شده است که تفاوت بسیار زیادی با نسخه 4 دارد؛ لذا می‌توانید این تفاوت‌ها را در لینک زیر مطالعه کنید:

بوت استرپ چیست؟

مزایای استفاده از بوت استرپ

  • جامعه کاربری زیاد (محبوب)
  • مستندات قوی
  • صرفه‌جویی در زمان
  • طراحی واکنش‌گرا (ریسپانسیو)
  • هماهنگ و سازگاری با مرورگرهای مختلف
  • ساده و سبک
  • رایگان و اپن سورس (منبع باز)
  • پشتیبانی از SASS
  • سیستم Grid
  • پشتیبانی توکار از Flex box
  • ویژگی Cards
  • ثابت شدن تمام HTML Reset ها داخل یک ماژول جدید با نام Reboot
  • قابلیت سفارشی سازی مدرن بازنویسی مجدد پلاگین‌های جاوا اسکریپت
  • و …

نتیجه‌گیری: بوت استرپ به توسعه‌دهندگان کمک می‌کند تا با سرعت بسیار بالا و با استانداردترین حالت ممکن، بخش ظاهری یا فرانت سایت خود را آماده نمایند؛ و هم اکنون bootstrap محبوب‌ترین فریم ورک موجود برای سی اس اس در دنیاست.

نصب و استفاده از بوت استرپ

دانلود از سایت اصلی:

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

از طریق NPM:

npm install bootstrap

از طریق gem:

gem install bootstrap -v 5.0.2

از طریق CDN‌ها:

<!-- CSS only --> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">

<!-- JavaScript Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>

لینک‌های مرتبط با Bootstrap

آیکون‌های بوت استرپ تم‌های رسمی مستندات بوت استرپ مثال‌های بوت استرپ بوت استرپ 5 چیست؟
فریمورک Bootstrap چیست، چرا باید از بوت استرپ استفاده کنیم؟، مزایای استفاده از بوت استرپ چیست؟، آموزش استفاده از بوت استرپ، آموزش نصب و راه اندازی بوت استرپ

پاسخ دهید

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

cp-codfk

نظرات ثبت شده بدون دیدگاه

توضیحات پیشنهادی نظرات اشتراک