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
ڪلاس شامل ڪريو ۽ هڪ .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>