<div><b-jumbotronheader="BootstrapVue"lead="Bootstrap v4 Components for Vue.js 2"><p>For more information visit website</p><b-buttonvariant="primary"href="#">More Info</b-button></b-jumbotron></div>
使用插槽:
BootstrapVue
This is a simple hero unit, a simple jumbotron-style component for calling extra attention to
featured content or information.
It uses utility classes for typography and spacing to space content out within the larger
container.
<div><b-jumbotron><templatev-slot:header>BootstrapVue</template><templatev-slot:lead>
This is a simple hero unit, a simple jumbotron-style component for calling extra attention to
featured content or information.
</template><hrclass="my-4"><p>
It uses utility classes for typography and spacing to space content out within the larger
container.
</p><b-buttonvariant="primary"href="#">Do Something</b-button><b-buttonvariant="success"href="#">Do Something Else</b-button></b-jumbotron></div>
This is a simple hero unit, a simple jumbotron-style component for calling extra attention to
featured content or information.
It uses utility classes for typography and spacing to space content out within the larger
container.
<div><b-jumbotronbg-variant="info"text-variant="white"border-variant="dark"><templatev-slot:header>BootstrapVue</template><templatev-slot:lead>
This is a simple hero unit, a simple jumbotron-style component for calling extra attention to
featured content or information.
</template><hrclass="my-4"><p>
It uses utility classes for typography and spacing to space content out within the larger
container.
</p></b-jumbotron></div>