انتقل إلى محتوى الدرس
الدرس 13
دورة Bootstrap

Bootstrap 4 Jumbotron

ستتعلم في هذا الدرس كيفية عمل ال jumbotron وهو box بمساحة تأتي مع ال Content باستخدام ال Bootstrap

أقسام الدرس
2
الأمثلة
2
اللغة
العربية
تاريخ النشر
غير محدد
المشاهدات
2,460
محتوى الدرس
في هذا الدرس 2تصفّح المواضيع

ال jumbotron هو صندوق رمادي كبير لعرض  بعض المحتويات أو المعلومات الخاصة مع مساحه حول المحتوي عن طريق jumbotron class.

Result


HTML
<div class="jumbotron">
  <h1>Bootstrap Tutorial</h1>
  <p>Bootstrap is the most popular HTML, CSS...</p>
</div>

عن طريق ال jumbotron-fluid class. يمكنك ان تجعل ال Jumbotron بعرض ملئ الشاشة

Result


HTML
<div class="jumbotron jumbotron-fluid">
  <div class="container">
    <h1>Bootstrap Tutorial</h1>
    <p>Bootstrap is the most popular HTML, CSS...</p>
  </div>
</div>

مشاركة

هل كان هذا الدرس مفيدًا؟

جارٍ تحميل الآراء…