(Bootstrap-Vue 2.0, Vue.js 2.5)
Is it possible to combine traditional CSS Bootstrap 4 classes with Bootstrap-Vue? For example, can I use the following code snippet:
<section id="introduction">
<b-container class="h-100">
<b-row class="h-100 fill-viewport align-items-center">
<b-col cols="12">
<h1 class="text-primary">Header text</h1>
<p class="lead">This is my text, in a p tag</p>
</b-col>
</b-row>
</b-container>
</section>
along with some simple CSS styling:
<style>
body,html{
height:100%;
}
</style>
I'm asking because I'm having difficulty getting align-items-center to work on a page I'm working on. While I can achieve this using standard Bootstrap 4 classes, I'm struggling with the Bootstrap-Vue tags like b-row or b-column. Any guidance would be highly appreciated.