जम्बोट्रोन्

नायक-एकक-शैली-सामग्री-प्रदर्शनार्थं हल्कः, लचीलः घटकः ।

एकः लघुः, लचीलः घटकः यः वैकल्पिकरूपेण सम्पूर्णं viewport विस्तारयितुं शक्नोति यत् भवतः साइट् मध्ये प्रमुखविपणनसन्देशान् प्रदर्शयितुं शक्नोति।

नमस्कार, जगत् !

इदं सरलं नायक-एककं, विशेष-सामग्री-सूचनायां वा अतिरिक्तं ध्यानं आकर्षयितुं सरलं जम्बोट्रॉन्-शैली-घटकम् अस्ति ।

इदं बृहत्तरस्य पात्रस्य अन्तः सामग्रीं बहिः स्थापयितुं मुद्रणस्य कृते उपयोगितावर्गाणां उपयोगं करोति तथा च अन्तरालस्य उपयोगं करोति ।

अधिकं ज्ञातुं शक्नुवन्ति

<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>