Boostrap Vue:将类名与标记混合

(引导Vue 2.0,Vue.js版2.5条)

我想知道是否可以将传统CSS引导程序4类与引导Vue混合使用。例如,我可以包括以下内容吗?:

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

使用一些基本的CSS:

<style>
body,html{
    height:100%;
}
</style>

我问这个,因为我不能 align-items-center 在我试图创建的页面上工作。我可以使用 class= 而不是使用Bootstrap语法 b-row 或 b-column