Bootstrap 5 Jumbotron

Bootstrap 5 Jumbotron

تم إدخال jumbotron في Bootstrap 3، وسيتم إنشاء مربع كبير مملوء يستخدم لجذب انتباه المزيد من الانتباه إلى محتوى معين أو معلومات.

Bootstrap 5 لم يعد يدعم Jumbotron. ولكن يمكنك استخدام <div> أضف عناصر وخصائص مساعدة خاصة وألوان معًا لتحقيق نفس التأثير:

مثال على Jumbotron

مثال

<div class="mt-4 p-5 bg-primary text-white rounded">
  <h1>مثال على Jumbotron</h1>
  <p>شنغهاي، يُشير إليها أيضًا بـ هونغ، هي مدينة مباشرة تابعة للجمهورية الشعبية الصينية، وهي مركز الاقتصاد والمالية والتجارة والشحن في الصين...</p>
</div>

جرب بنفسك