ჯუმბოტრონი
მსუბუქი, მოქნილი კომპონენტი გმირის ერთეულის სტილის შინაარსის ჩვენებისთვის.
მსუბუქი, მოქნილი კომპონენტი, რომელსაც სურვილისამებრ შეუძლია გააფართოვოს მთელი ხედვა, რათა აჩვენოს ძირითადი მარკეტინგული შეტყობინებები თქვენს საიტზე.
Გამარჯობა მსოფლიო!
ეს არის მარტივი გმირის ერთეული, მარტივი ჯუმბოტრონის სტილის კომპონენტი, რომელიც დამატებით ყურადღებას აქცევს გამორჩეულ შინაარსს ან ინფორმაციას.
ის იყენებს კომუნალურ კლასებს ტიპოგრაფიისთვის და შიგთავსის დაშორებას უფრო დიდ კონტეინერში.
<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>
<p class="lead">
<a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a>
</p>
</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>