تخصيص (Customize)
تعلم كيفية وضع السمات وتخصيص وتوسيع الـ Bootstrap باستخدام الـ Sass، ومجموعة كبيرة من الخيارات العامة ونظام ألوان واسع، والمزيد.
نظرة عامة
هناك طرق متعددة لتخصيص الـ Bootstrap. وقد يعتمد المسار الأفضل على مشروعك، وتعقيد أدوات البناء الخاصة بك، وإصدار الـ Bootstrap الذي تستخدمه، ودعم المتصفح، والمزيد.
طريقتنا المفضلتان هما:
- استخدام الـ Bootstrap عبر مدير الحزم (package manager) حتى تتمكن من استخدام وتوسيع ملفاتنا المصدرية.
- استخدام ملفات التوزيع المجمعة الخاصة بالـ Bootstrap أو jsDelivr حتى تتمكن من الإضافة إلى أنماط الـ Bootstrap أو تجاوزها.
بينما لا يمكننا الدخول في تفاصيل هنا حول كيفية استخدام كل مدير حزم، يمكننا تقديم بعض الإرشادات حول استخدام الـ Bootstrap مع مترجم Sass الخاص بك.
بالنسبة لأولئك الذين يرغبون في استخدام ملفات التوزيع، راجع صفحة البدء لمعرفة كيفية تضمين تلك الملفات ومثال لصفحة HTML. من هناك، استشر المستندات لمعرفة التخطيط والمكونات والسلوكيات التي ترغب في استخدامها.
بينما تتعرف على الـ Bootstrap، استمر في استكشاف هذا القسم لمزيد من التفاصيل حول كيفية الاستفادة من خياراتنا العالمية، والاستفادة من نظام الألوان الخاص بنا وتغييره، وكيفية بناء مكوناتنا، وكيفية استخدام قائمتنا المتنامية من خصائص CSS المخصصة، وكيفية تحسين الكود الخاص بك عند البناء باستخدام الـ Bootstrap.
الـ CSPs والـ SVGs المضمنة
تتضمن العديد من مكونات الـ Bootstrap الـ (SVG) مضمنة في الـ CSS الخاص بنا لتنسيق المكونات بشكل متسق وسهل عبر المتصفحات والأجهزة. بالنسبة للمؤسسات التي لديها تكوينات CSP أكثر صرامة، فقد قمنا بتوثيق جميع حالات الـ (SVG) المضمنة لدينا (والتي يتم تطبيقها جميعاً عبر background-image) حتى تتمكن من مراجعة خياراتك بدقة أكبر.
- القوائم المطوية (Accordion)
- عناصر التحكم في Carousel
- زر الإغلاق (يستخدم في التنبيهات والنوافذ المنبثقة)
- خانات الاختيار وأزرار الراديو في النماذج
- مفاتيح التبديل في النماذج
- أيقونات التحقق من صحة النماذج
- أزرار تبديل شريط التنقل (Navbar)
- قوائم الاختيار (Select)
بناءً على نقاش المجتمع، تتضمن بعض الخيارات لمعالجة ذلك في قاعدة الكود الخاصة بك استبدال الـ URLs بأصول مستضافة محلياً، وإزالة الصور واستخدام صور مضمنة (غير ممكن في جميع المكونات)، وتعديل الـ CSP الخاص بك. توصيتنا هي مراجعة سياسات الأمان الخاصة بك بعناية وتحديد المسار الأفضل للمضي قدماً، إذا لزم الأمر.