انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #4 من درس: Bootstrap 4 Navigation Bar

Colored Navbar

ستتعلم في هذا الدرس انشاء ال Bootstrap Navbar وهي قوائم التطبيق الرئيسية للتنقل بين صفحات تطبيقات الويب

1 صفوف تعليمية
Bootstrap
3,048 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

استخدم أي من ال classes الاتية لتغيير خلفية ال Colored Navbar :

  • bg-primary
  • .bg-success
  • .bg-inf
  • , .bg-warning
  • .bg-danger
  • .bg-secondary
  • .bg-dark
  • .bg-light.

يتغير لون النص عن طريق navbar-dark class و navbar-light class

Result

HTML 
<!-- Black with white text -->
<nav class="navbar navbar-expand-sm bg-dark navbar-dark">
...
</nav>
جرّب بنفسك

جميع فقرات هذا الدرس (Bootstrap 4 Navigation Bar)