Bootstrap

Bootstrap 4 Jumbotron

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

التاريخ

03 ديسمبر 2021

الدروس

34

المستوى

العامة

اللغة

انجليزي

المشاهدات

733

المواضيع

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

Bootstrap 4 Jumbotron

</> 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
عدد التقييمات