Bootstrap

Bootstrap 4 Jumbotron

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

التاريخ

03 ديسمبر 2021

الدروس

34

المستوى

العامة

اللغة

انجليزي

المشاهدات

1119

المواضيع

6
الشروحات chevron_left Bootstrap 4 Jumbotron chevron_left Bootstrap

Bootstrap 4 Jumbotron

مراجعة تقنية
Mostafa Hefny

Mostafa Hefny

CEO & Founder CloseTag

</> Bootstrap 4 Jumbotron

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

Result

Bootstrap Tutorial

Bootstrap is the most popular HTML, CSS...

يظهر الكود بهذا الشكل على المتصفح

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

</> Full width Jumbotron

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

Result

Bootstrap Tutorial

Bootstrap is the most popular HTML, CSS...

يظهر الكود بهذا الشكل على المتصفح

<div class="jumbotron jumbotron-fluid">
  <div class="container">
    <h1>Bootstrap Tutorial</h1>
    <p>Bootstrap is the most popular HTML, CSS...</p>
  </div>
</div>
معلومات تهمك
  • لا تنس تقييم الدروس لكي نُحدّث المُحتوى باستمرار حتى ينال إعجابك.
  • لا تنس مشاركة الموقع مع أصدقائك حتى تعمّ الفائدة وتكون سببًا في نفعهم.
مشاركة
0
0
0
0
عدد المشاركات
هل هذه المعلومات نالت إعجابك ؟
0
0
عدد التقييمات