<div class="jumbotron">
<h1 class="display-3">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-2">
<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">Some action</a>
</p>
</div>/* _jumbotron.scss:1 */
.jumbotron {
padding: $jumbotron-padding ($jumbotron-padding / 2);
margin-bottom: $jumbotron-padding;
background-color: $jumbotron-bg;
@include border-radius($border-radius-lg);
@include media-breakpoint-up(sm) {
padding: ($jumbotron-padding * 2) $jumbotron-padding;
}
}Click one of the examples listed below to open the Shuffle Visual Editor with the UI library that uses the selected component.
An online editor for busy developers.
© 2024 Shuffle. All rights reserved.
