ꯖꯝꯕꯣꯠꯔꯣꯟ꯫
ꯍꯤꯔꯣ ꯌꯨꯅꯤꯠ ꯁ꯭ꯇꯥꯏꯜ ꯀꯟꯇꯦꯟꯇ ꯎꯠꯅꯕꯒꯤꯗꯃꯛ ꯂꯥꯏꯠꯋꯦꯠ, ꯐ꯭ꯂꯦꯛꯁꯤꯕꯜ ꯀꯝꯄꯣꯅꯦꯟꯇ꯫
ꯅꯍꯥꯛꯀꯤ ꯁꯥꯏꯇꯇꯥ ꯃꯔꯨꯑꯣꯏꯕꯥ ꯃꯥꯔꯀꯦꯇꯤꯡ ꯃꯦꯁꯦꯖꯁꯤꯡ ꯎꯠꯅꯕꯥ ꯚꯤꯎꯄꯣꯔꯠ ꯄꯨꯝꯅꯃꯛ ꯑꯣꯄꯁꯅꯦꯜ ꯑꯣꯏꯅꯥ ꯁꯥꯡꯗꯣꯀꯄꯥ ꯌꯥꯕꯥ ꯂꯥꯏꯠꯋꯦꯠ, ꯐ꯭ꯂꯦꯛꯁꯤꯕꯜ ꯀꯝꯄꯣꯅꯦꯟꯇ ꯑꯃꯅꯤ꯫
ꯅꯨꯡꯉꯥꯏꯕꯥ ꯐꯣꯡꯗꯣꯀꯆꯔꯤ, ꯃꯥꯂꯦꯝ!
ꯃꯁꯤ ꯏꯆꯝ ꯆꯝꯕꯥ ꯍꯤꯔꯣ ꯌꯨꯅꯤꯠ ꯑꯃꯅꯤ, ꯃꯁꯤ ꯐꯤꯆꯔ ꯀꯟꯇꯦꯟꯇ ꯅꯠꯠꯔꯒꯥ ꯏꯅꯐꯣꯔꯃꯦꯁꯅꯗꯥ ꯑꯍꯦꯅꯕꯥ ꯄꯨꯛꯅꯤꯡ ꯆꯪꯅꯕꯒꯤꯗꯃꯛ ꯏꯆꯝ ꯆꯝꯕꯥ ꯖꯝꯕꯣꯠꯔꯣꯟ-ꯁ꯭ꯇꯥꯏꯜ ꯀꯝꯄꯣꯅꯦꯟꯇ ꯑꯃꯅꯤ꯫
ꯃꯁꯤꯅꯥ ꯑꯆꯧꯕꯥ ꯀꯟꯇꯦꯅꯔꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯀꯟꯇꯦꯟꯇ ꯁ꯭ꯄꯦꯁ ꯇꯧꯅꯕꯥ ꯇꯥꯏꯄꯣꯒ꯭ꯔꯥꯐꯤ ꯑꯃꯁꯨꯡ ꯁ꯭ꯄꯦꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯌꯨꯇꯤꯂꯤꯇꯤ ꯀ꯭ꯂꯥꯁꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯩ꯫
<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
ꯃꯅꯨꯡꯗꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫
ꯐ꯭ꯂꯨꯏꯗ ꯖꯝꯕꯣꯠꯔꯣꯟ꯫
ꯃꯁꯤ ꯃꯁꯤꯒꯤ ꯃꯃꯥ-ꯃꯄꯥꯒꯤ ꯍꯣꯔꯥꯏꯖꯣꯟꯇꯦꯜ ꯁ꯭ꯄꯦꯁ ꯄꯨꯝꯅꯃꯛ ꯂꯧꯁꯤꯜꯂꯤꯕꯥ ꯃꯣꯗꯤꯐꯥꯏꯗ ꯖꯝꯕꯣꯠꯔꯣꯟ ꯑꯃꯅꯤ꯫
<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>