Jumbotron
ቀላል ክብደት ያለው፣ የጀግና አሃድ ዘይቤ ይዘትን ለማሳየት ተለዋዋጭ አካል።
በጣቢያዎ ላይ ቁልፍ የግብይት መልዕክቶችን ለማሳየት መላውን እይታ እንደ አማራጭ ሊያራዝም የሚችል ቀላል ክብደት ያለው ተለዋዋጭ አካል።
ሰላም ልዑል!
ይህ ቀላል የጀግና አሃድ ነው፣ ለቀረበ ይዘት ወይም መረጃ ተጨማሪ ትኩረት ለመጥራት ቀላል የጃምቦሮን አይነት አካል ነው።
የፍጆታ ክፍሎችን ለታይፕ አጻጻፍ እና በትልቁ መያዣ ውስጥ ለጠፈር ይዘት ክፍተት ይጠቀማል።
<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
የመቀየሪያ ክፍሉን ይጨምሩ እና አንድ .container
ወይም .container-fluid
ውስጥ ይጨምሩ።
ፈሳሽ jumbotron
ይህ የወላጁን አጠቃላይ አግድም ቦታ የሚይዝ የተሻሻለ ጁምቦትሮን ነው።
<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>