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>