Card Component is not looks well

I’ve tried Card with variant property in Playground, that’s ok. But in Vue new project, variant property is useless:

<template>
  <div class="container">
    <b-card variant="primary" class="mb-3 text-center">
      <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
    </b-card>

    <b-card variant="outline-primary" class="mb-3 text-center">
      <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
    </b-card>

    <b-card inverse title="Card Title" style="background-color:#333; border-color:#333;">
      <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
      <b-button href="#" variant="primary">Go somewhere</b-button>
    </b-card>

    <b-alert show>
        Default Alert
    </b-alert>

    <b-alert variant="success" show>
        Success Alert
    </b-alert>
  </div>
</template>

[tmorehouse]

For now, until the dev branch is published into master, you will need to manually edit the dependency.

Not that V1.0.0.beta of BootstrapVue has many breaking changes (and features) to address Boostrap V4.0.0.beta

[wangzexi]

Thanks a lot! 🎉