in English
ג'מבוטרון
רכיב קל משקל וגמיש להצגת תוכן בסגנון יחידת גיבור.
רכיב קל משקל וגמיש שיכול להרחיב באופן אופציונלי את כל שדה התצוגה כדי להציג מסרים שיווקיים מרכזיים באתר שלך.
שלום עולם!
זוהי יחידת גיבור פשוטה, רכיב פשוט בסגנון ג'מבוטרון להפניית תשומת לב נוספת לתוכן או מידע מומלצים.
הוא משתמש במחלקות עזר לטיפוגרפיה ומרווחים כדי לרווח תוכן בתוך המיכל הגדול יותר.
למד עוד<div class="jumbotron">
<h1 class="display-4">Hello, world!</h1>
<p class="lead">This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p>
<hr class="my-4">
<p>It uses utility classes for typography and spacing to space content out within the larger container.</p>
<a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a>
</div>
כדי להפוך את הג'מבוטרון ברוחב מלא, וללא פינות מעוגלות, הוסף את .jumbotron-fluid
מחלקת השינוי והוסף a .container
או .container-fluid
בתוך.
ג'מבוטרון נוזלי
זהו ג'מבוטרון שונה שתופס את כל החלל האופקי של ההורה שלו.
<div class="jumbotron jumbotron-fluid">
<div class="container">
<h1 class="display-4">Fluid jumbotron</h1>
<p class="lead">This is a modified jumbotron that occupies the entire horizontal space of its parent.</p>
</div>
</div>