Bootstrap 4 جمبوترون


Bootstrap 4 جمبوترون

يشير jumbotron إلى صندوق رمادي كبير لاستدعاء مزيد من الاهتمام لبعض المحتويات أو المعلومات الخاصة.

تلميح: داخل jumbotron ، يمكنك وضع أي HTML صالح تقريبًا ، بما في ذلك عناصر / فئات Bootstrap الأخرى.

البرنامج التعليمي Bootstrap

Bootstrap هو إطار عمل HTML و CSS و JS الأكثر شيوعًا لتطوير مشاريع متنقلة سريعة الاستجابة على الويب.

استخدم <div>عنصرًا مع فئة .jumbotronلإنشاء jumbotron:

مثال

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

جمبوترون كامل العرض

إذا كنت تريد jumbotron بعرض كامل بدون حدود مستديرة ، أضف .jumbotron-fluidالفئة و a .containerأو .container-fluidداخلها:

مثال

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