refactor: template changes to implement new CCard syntax

src/views/base/Jumbotrons.vue

@@ -4,7 +4,7 @@
       <CRow>
         <CCol>
           <CCard>
-            <CCardHeader slot="header">
+            <CCardHeader>
               <i class="fa fa-align-justify"></i> <strong> Bootstrap Jumbotron </strong>
               <div class="card-header-actions">
                 <a href="https://bootstrap-vue.js.org/docs/components/jumbotron" class="card-header-action" rel="noreferrer noopener" target="_blank">
@@ -12,21 +12,21 @@
                 </a>
               </div>
             </CCardHeader>
-            <div>
+            <CCardBody>
               <CJumbotron header="Bootstrap 4" lead="Bootstrap 4 Components for Vue.js 2">
                 <p>For more information visit website</p>
                 <CButton variant="primary" href="#">More Info</CButton>
               </CJumbotron>
-            </div>
+            </CCardBody>
           </CCard>
         </CCol>
         <CCol>
           <CCard>
-            <CCardHeader slot="header">
+            <CCardHeader>
               <i class="fa fa-align-justify"></i> <strong> Jumbotron </strong>
               <small>with slots</small>
             </CCardHeader>
-            <div>
+            <CCardBody>
               <CJumbotron header="Bootstrap 4" lead="">
                 <p slot="lead" class="lead">
                   This is a simple hero unit, a simple jumbotron-style component for
@@ -40,21 +40,21 @@
                 <CButton variant="primary" href="#">Do Something</CButton>
                 <CButton variant="success" href="#">Do Something Else</CButton>
               </CJumbotron>
-            </div>
+            </CCardBody>
           </CCard>
         </CCol>
       </CRow>
       <CRow>
         <CCol>
           <CCard>
-            <CCardHeader slot="header">
+            <CCardHeader>
               <i class="fa fa-align-justify"></i> <strong> Jumbotron </strong>
               <small>variants</small>
             </CCardHeader>
-            <div>
+            <CCardBody>
               <CJumbotron variant="info"
-                           text-variant="white"
-                           border-variant="dark"
+                           textVariant="white"
+                           borderVariant="dark"
                            header="Bootstrap 4">
 
                 <p slot="lead" class="lead">
@@ -67,7 +67,7 @@
                   out within the larger container.
                 </p>
               </CJumbotron>
-            </div>
+            </CCardBody>
           </CCard>
         </CCol>
       </CRow>