63 lines
4.1 KiB
Plaintext
63 lines
4.1 KiB
Plaintext
- var theme_customizer = true;
|
|
- var counter = true;
|
|
- var popover_custom = true;
|
|
- var sidebar = true;
|
|
- var scrollbar = true;
|
|
|
|
doctype html
|
|
html(lang='en')
|
|
include ../../components/header-files
|
|
body
|
|
include ../../components/loader
|
|
// page-wrapper Start
|
|
#pageWrapper.page-wrapper
|
|
include ../../components/header
|
|
// Page Body Start
|
|
.page-body-wrapper.horizontal-menu
|
|
include ../../components/sidebar
|
|
.page-body
|
|
.container-fluid
|
|
.page-header
|
|
.row
|
|
.col-sm-6
|
|
h3
|
|
| Popover
|
|
ol.breadcrumb
|
|
li.breadcrumb-item
|
|
a(href='index.html')
|
|
| Home
|
|
li.breadcrumb-item Base
|
|
li.breadcrumb-item.active Popover
|
|
.col-sm-6
|
|
include ../../components/bookmark
|
|
// Container-fluid starts
|
|
.container-fluid
|
|
.row.popover-main
|
|
.col-sm-12
|
|
.card
|
|
.card-header.pb-0
|
|
h5 Basic Examples
|
|
span lorem ipsum dolor sit amet, consectetur adipisicing elit
|
|
.card-body.btn-showcase
|
|
button.btn.btn-primary.example-popover(type='button', data-bs-toggle='popover', title='Popover title', data-bs-content="And here's some amazing content. It's very engaging. Right?") Click to toggle popover
|
|
a.example-popover.btn.btn-primary(tabindex='0', role='button', data-bs-toggle='popover', data-bs-trigger='focus', title='Popover title', data-bs-content="And here's some amazing content. It's very engaging. Right?") Dismissible popover
|
|
button.example-popover.btn.btn-primary(type='button', data-bs-trigger='hover', data-container='body', data-bs-toggle='popover', data-bs-placement='bottom', title='Popover title', data-offset='-20px -20px', data-bs-content='Vivamus sagittis lacus vel augue laoreet rutrum faucibus.')
|
|
| On Hover Tooltip
|
|
.col-sm-12
|
|
.card
|
|
.card-header.pb-0
|
|
h5 Direction
|
|
span lorem ipsum dolor sit amet, consectetur adipisicing elit
|
|
.card-body.btn-showcase
|
|
button.example-popover.btn.btn-primary(type='button', data-container='body', data-bs-toggle='popover', data-bs-placement='top', title='Popover title', data-bs-content='Vivamus sagittis lacus vel augue laoreet rutrum faucibus.')
|
|
| Popover on top
|
|
button.example-popover.btn.btn-primary(type='button', data-container='body', data-bs-toggle='popover', data-bs-placement='right', data-bs-content='Vivamus sagittis lacus vel augue laoreet rutrum faucibus.')
|
|
| Popover on right
|
|
button.example-popover.btn.btn-primary(type='button', data-container='body', data-bs-toggle='popover', data-bs-placement='bottom', data-bs-content='Vivamus sagittis lacus vel augue laoreet rutrum faucibus.')
|
|
| Popover on bottom
|
|
button.example-popover.btn.btn-primary(type='button', data-container='body', data-bs-toggle='popover', data-bs-placement='left', data-bs-content='Vivamus sagittis lacus vel augue laoreet rutrum faucibus.')
|
|
| Popover on left
|
|
// Container-fluid Ends
|
|
include ../../components/footer
|
|
include ../../components/footer-files
|