जम्बोट्रोन्
नायक-एकक-शैली-सामग्री-प्रदर्शनार्थं हल्कः, लचीलः घटकः ।
एकः लघुः, लचीलः घटकः यः वैकल्पिकरूपेण सम्पूर्णं 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>
<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>