feat: change styles of base section to version 3

src/views/base/Navs.vue

@@ -1,15 +1,15 @@
 <template>
-  <div class="wrapper">
-    <div class="animated fadeIn">
+  <div class="c-wrapper">
+    <div class="c-animated c-fadeIn">
       <CCard>
         <CCardHeader>
           <i class="fa fa-align-justify"></i><strong> Bootstrap Navs</strong>
-          <!-- <div class="card-header-actions">
+          <!-- <div class="c-card-header-actions">
             <CLink
               href="#"
-              class="card-header-action"
+              class="c-card-header-action"
             >
-              <small class="text-muted">docs</small>
+              <small class="c-text-muted">docs</small>
             </CLink>
           </div> -->
         </CCardHeader>
@@ -124,7 +124,7 @@
                        placement="bottom-end"
                        buttonContent="Dropdown"
             >
-              <!-- <a class="nav-link dropdown-toggle" slot="button">Dropdown</a> -->
+              <!-- <a class="c-nav-link c-dropdown-toggle" slot="button">Dropdown</a> -->
               <CDropdownItem>one</CDropdownItem>
               <CDropdownItem>two</CDropdownItem>
               <CDropdownDivider/>
@@ -141,7 +141,7 @@
         </CCardHeader>
         <CCardBody>
           <CRow>
-            <CCol col="3" class="m-0">
+            <CCol col="3" class="c-m-0">
               <CNav vertical pills >
                 <CNavItem active>Active</CNavItem>
                 <CNavItem>Link</CNavItem>