feat: change styles of base section to version 3

This commit is contained in:
woothu
2019-05-20 15:08:17 +02:00
parent e005cd1556
commit ebba81fa11
15 changed files with 493 additions and 421 deletions
+10 -10
View File
@@ -1,20 +1,20 @@
<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 Popovers</strong>
<!-- <div class="card-header-actions">
<a href="https://bootstrap-vue.js.org/docs/components/popovers" class="card-header-action" rel="noreferrer noopener" target="_blank">
<small class="text-muted">docs</small>
<!-- <div class="c-card-header-actions">
<a href="https://bootstrap-vue.js.org/docs/components/popovers" class="c-card-header-action" rel="noreferrer noopener" target="_blank">
<small class="c-text-muted">docs</small>
</a>
</div> -->
</CCardHeader>
<CCardBody>
<CRow>
<CCol col="4">
<div class="my-3 text-center">
<div class="c-my-3 c-text-center">
<CButton
variant="primary"
v-c-popover="{
@@ -27,7 +27,7 @@
</div>
</CCol>
<CCol col="4">
<div class="my-3 text-center">
<div class="c-my-3 c-text-center">
<CButton
variant="primary"
v-c-popover="{
@@ -40,7 +40,7 @@
</div>
</CCol>
<CCol col="4">
<div class="my-3 text-center">
<div class="c-my-3 c-text-center">
<CButton
variant="primary"
v-c-popover.click="{
@@ -62,11 +62,11 @@
<strong> Popovers </strong>
<small>placement</small>
</CCardHeader>
<CCardBody class="my-3">
<CCardBody class="c-my-3">
<CRow>
<CCol
md="4"
class="py-4 text-center"
class="c-py-4 c-text-center"
v-for="placement in placements"
:key="placement"
>