Bootstrap 4 Jumbotron
ستتعلم في هذا الدرس كيفية عمل ال jumbotron وهو box بمساحة تأتي مع ال Content باستخدام ال Bootstrap
التاريخ
03 ديسمبر 2021
الدروس
34
المستوى
العامة
اللغة
انجليزي
المشاهدات
1162
المواضيع
6
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>