/Html/Bootstrap 4 banner with a button and a text

Bootstrap 4 banner with a button and a text

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

Source: getbootstrap.com

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>

Source: getbootstrap.com

Similar codes

0 vote277 views1 answer
Dangerously Set innerHTML image
Html
3 votes177 views3 answers
Vue datatable date format
Html
7 votes195 views1 answer
Lorem picsum
Html
-2 votes183 views2 answers
$bodyBg: #030018; $purple: #292477; $green: #13693B; $magenta: #AD2266; $blue: #1a28b3; html { box-sizing: border-box; font-size: 100%; } *, *:before, *:after { box-sizing: inherit; } body { margin: 0;
Html
0 vote213 views4 answers
Html close modal when click outside
Html
19 votes268 views6 answers
Navbar
Html
7 votes254 views3 answers
Bs5 cdn
Html
0 vote187 views2 answers
Tailwind CSS typography
Html
5 votes217 views4 answers
Html highlight text
Html
4 votes179 views1 answer
Tailwind push footer always to bottom of screen
Html