freeCodeCamp/guide/arabic/bootstrap/tabs-and-pills/index.md

4.2 KiB

title localeTitle
Tabs and Pills علامات التبويب وحبوب منع الحمل

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

علامات التبويب وحبوب منع الحمل هي أشكال الملاحة. بمعنى أنها تساعد المستخدم النهائي على التنقل عبر الموقع بطريقة سهلة الاستخدام.

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

للحصول على علامات تبويب تمهيدية ، تحتاج أولاً إلى عنصر يحتوي على فئة .nav . ثم يمكنك ببساطة إضافة فئة إضافية باسم .nav-tabs .

`

`

علامات تمهيد Bootstrap

حبوب الدواء

يتم تحقيق Bootstrap Pills بنفس طريقة Bootstrap Tabs ماعدا بدلا من .nav-tabs ، استخدم .nav-pills .

`

`

حبوب Bootstrap

الحبوب مكدسة

حبوب منع الحمل هي أيضا تكويم عموديا باستخدام. .nav stacked بالتزامن مع .nav-pills .

`

    ...
`

حبوب Bootstrap مكدسة

علامات التمهيد / حبوب منع الحمل مبررة

يمكن أن يكون لكل من Bootstrap Tabs و Pills عرض متساوٍ للوالدين على شاشات أكبر من 768px باستخدام class .nav .nav-justified . على الشاشات الصغيرة ، يتم تكديس روابط التنقل.

`

    ...
    ...
`

علامات التمهيد / حبوب منع الحمل مبررة

روابط معطل

بالنسبة لأي مكون من عناصر التنقل (علامات التبويب أو الحبوب) ، يمكنك إضافة .disabled للحصول على ارتباطات رمادية وبدون تأثيرات تحوم

`

`

علامات التبويب مع القوائم المنسدلة

أضف القوائم المنسدلة إلى علامات تبويب التنقل.

`

`

علامات التبويب مع القوائم المنسدلة

علامات التبويب مع القوائم المنسدلة

إضافة القوائم المنسدلة إلى حبوب الملاحة الخاصة بك.

`

`

حبوب منع الحمل مع القوائم المنسدلة