feat: card-header-actions

- `card-actions` replaced by `card-header-actions`

src/views/base/Carousels.vue

@@ -2,14 +2,16 @@
   <div class="wrapper">
     <div class="animated fadeIn">
       <b-row>
-        <b-col cols="12">
+        <b-col md="12" lg="9" >
           <b-card
             header-tag="header"
             footer-tag="footer">
             <div slot="header">
               <i class="fa fa-align-justify"></i> <strong>Bootstrap Carousel</strong>
-              <div class="card-actions">
-                <a href="https://bootstrap-vue.js.org/docs/components/carousel" target="_blank"><small class="text-muted">docs</small></a>
+              <div class="card-header-actions">
+                <a href="https://bootstrap-vue.js.org/docs/components/carousel" class="card-header-action" rel="noreferrer noopener" target="_blank">
+                  <small class="text-muted">docs</small>
+                </a>
               </div>
             </div>
             <div>