دليل الاستخدام قيد التحديث سنقوم بعمل تحديثات شاملة قريباً

مقدمة

إطار العمل هذا هو مجموعة من الأنماط والفئات التي تساعد في إنشاء تصميمات ويب متجاوبة وجذابة بصريًا. يتضمن الإطار مكونات مثل النظام الشبكي، وفئات الأدوات، وأنماط الأزرار، والمزيد.

النظام الشبكي

يوفر الإطار نظام شبكة مرن يعتمد على Flexbox. يتكون النظام الشبكي من ثلاثة مكونات رئيسية: الحاويات، الصفوف، والأعمدة.

<div class="container">
    <div class="row">
        <div class="col-12">...</div>
    </div>
</div>

يمكنك استخدام فئات مختلفة مثل `col-1` إلى `col-12` لتحديد عرض العمود. يتوفر أيضًا دعم للشاشات المختلفة باستخدام فئات مثل `col-sm-6`، `col-md-4`، وهكذا.

فئات الأدوات

توفر فئات الأدوات طرقًا سريعة لتطبيق الأنماط الشائعة.

توجيه النص

<p class="text-left">نص موجه لليسار</p>
<p class="text-center">نص موجه للوسط</p>
<p class="text-right">نص موجه لليمين</p>
<p class="text-justify">نص موجه لليسار واليمين</p>

العرض والعرض النسبي

<div class="d-none">غير مرئي</div>
<div class="d-inline">عنصر مضمن</div>
<div class="d-block">عنصر كتلة</div>
<div class="d-flex">عنصر مرن</div>

الرؤية

<div class="visible">مرئي</div>
<div class="invisible">غير مرئي</div>

الطفو

<div class="float-left">طفو لليسار</div>
<div class="float-right">طفو لليمين</div>
<div class="float-none">لا طفو</div>

أنماط الأزرار

يوفر الإطار أنماطًا متنوعة للأزرار، بما في ذلك الأزرار الأساسية، الثانوية، والمحددة.

الأزرار الأساسية

الأزرار المحددة

أحجام الأزرار

فئات التباعد

توفر فئات التباعد طرقًا سهلة لتطبيق الهوامش والحشو.

الهوامش

الحشو

الطباعة

يتضمن الإطار إعدادات أساسية للطباعة، بما في ذلك حجم الخط والخطوط المختلفة.

الألوان

يتضمن الإطار مجموعة من الألوان التي يمكن استخدامها لتلوين العناصر.

التنقل

يوفر الإطار نظام تنقل مرن يمكن تخصيصه لتناسب احتياجاتك.

الجداول

يوفر الإطار أنماطًا أساسية للجداول، بما في ذلك الأطر والتصميم المتجاوب.

علامات التبويب

يوفر الإطار مكون علامات التبويب الذي يمكن استخدامه لتنظيم المحتوى.