Pills and Underline Navs
الأزرار الكبسولية والخط السفلي
صمّم واجهات التبويبات التفاعلية في بوتستراب 5.3 عبر .nav-tabs و.nav-pills وشريط .nav-underline الحديث ولوحات المحتوى المتبدلة بـ Vanilla JS.
تميل لوحات التحكم الحديثة غالباً إلى أنماط أكثر رشاقة من التبويبات المؤطرة التقليدية، ويوفر لك بوتستراب 5.3 خيارين أصيلين جاهزين:
- الأزرار الكبسولية عبر
.nav-pills — تملأ العنصر النشط بلون الهوية الأساسي مع زوايا مستديرة، مما يناسب فلاتر التصنيف ومبدلات الاشتراكات. - شريط الخط السفلي عبر
.nav-underline — ميزة حديثة أُضيفت في الإصدار 5.3 تميز العنصر النشط بخط سفلي بارز ووزن خط عريض مع مسافات تلقائية متناسقة.
<ul class="nav nav-underline mb-3">
<li class="nav-item">
<a class="nav-link active" aria-current="page"
href="#">All</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Pinned</a>
</li>
</ul>
جميع فقرات هذا الدرس (التبويبات والأزرار الملاحية في بوتستراب 5)
