شخصی سازی
بیاموزید که چگونه بوت استرپ را با Sass، مجموعه ای از گزینه های جهانی، سیستم رنگی گسترده و موارد دیگر تم، سفارشی سازی و گسترش دهید.
بررسی اجمالی
راه های متعددی برای سفارشی سازی بوت استرپ وجود دارد. بهترین مسیر شما می تواند به پروژه شما، پیچیدگی ابزارهای ساخت، نسخه بوت استرپ مورد استفاده، پشتیبانی مرورگر و موارد دیگر بستگی داشته باشد.
دو روش ترجیحی ما عبارتند از:
- با استفاده از بوت استرپ از طریق مدیریت بسته ، بنابراین می توانید از فایل های منبع ما استفاده و گسترش دهید.
- با استفاده از فایل‌های توزیع کامپایل شده بوت استرپ یا jsDelivr ، بنابراین می‌توانید استایل‌های Bootstrap را اضافه یا لغو کنید.
در حالی که نمی‌توانیم در اینجا به جزئیات نحوه استفاده از هر بسته منیجر بپردازیم، می‌توانیم راهنمایی‌هایی در مورد استفاده از Bootstrap با کامپایلر Sass خود ارائه دهیم .
برای کسانی که می خواهند از فایل های توزیع استفاده کنند، صفحه شروع کار را برای نحوه گنجاندن آن فایل ها و یک صفحه نمونه HTML مرور کنید. از آنجا، برای طرح‌بندی، مؤلفه‌ها و رفتارهایی که می‌خواهید استفاده کنید، با اسناد مشورت کنید.
همانطور که با بوت استرپ آشنا شدید، برای جزئیات بیشتر در مورد نحوه استفاده از گزینه های جهانی، استفاده و تغییر سیستم رنگ، نحوه ساخت اجزای خود، نحوه استفاده از لیست رو به رشد ویژگی های سفارشی CSS و نحوه استفاده از این بخش، به کاوش ادامه دهید. برای بهینه سازی کد خود هنگام ساخت با بوت استرپ.
CSP ها و SVG های تعبیه شده
چندین مؤلفه Bootstrap شامل SVGهای تعبیه شده در CSS ما برای استایل دادن به مؤلفه‌ها به طور مداوم و آسان در مرورگرها و دستگاه‌ها است. برای سازمان‌هایی با پیکربندی‌های CSP سخت‌گیرانه‌تر ، ما همه نمونه‌های SVGهای تعبیه‌شده خود را (که همه از طریق اعمال می‌شوند background-image) مستند کرده‌ایم تا بتوانید گزینه‌های خود را با دقت بیشتری بررسی کنید.
- آکاردئون
- کنترل چرخ فلک
- دکمه بستن (در هشدارها و مدال ها استفاده می شود)
- چک باکس ها و دکمه های رادیویی را تشکیل دهید
- سوئیچ های فرم
- نمادهای اعتبار سنجی فرم
- دکمه های جابجایی نوار ناوبری
- منوها را انتخاب کنید
بر اساس مکالمه جامعه ، برخی از گزینه‌ها برای پرداختن به این موضوع در پایگاه کد شما شامل جایگزینی نشانی‌های اینترنتی با دارایی‌های میزبانی محلی ، حذف تصاویر و استفاده از تصاویر درون خطی (در همه مؤلفه‌ها امکان‌پذیر نیست)، و تغییر CSP است. توصیه ما این است که سیاست های امنیتی خود را به دقت بررسی کنید و در صورت لزوم در مورد بهترین مسیر رو به جلو تصمیم بگیرید.