Features
Contains some common Bootstraps utility class.
No components.
Release Notes
0.0.4
snippets list
templates
| template |
snippet |
| bootstrap4 template |
Bootstrap4 |
| container |
container |
| container-fluid |
container-fluid |
column
| class |
snippet |
| col-md- |
col-md- |
| col-lg- |
col-lg- |
| col-xl- |
col-xl- |
| col-2 |
col-2 |
| col-3 |
col-3 |
| col-4 |
col-4 |
| col-6 |
col-6 |
| col-12 |
col-12 |
gutters
| class |
snippet |
| no-gutters |
no-gutters |
order
| class |
snippet |
| order- |
order- |
| order-last |
order-last |
| order-first |
order-first |
border
| class |
snippet |
| border |
border |
| border-top |
border-top |
| border-right |
border-right |
| border-bottom |
border-bottom |
| border-left |
border-left |
| border-0 |
border_remove-0 |
| border-top-0 |
borderSub-top-0 |
| border-right-0 |
borderSub-right-0 |
| border-bottom-0 |
borderSub-bottom-0 |
| border-left-0 |
borderSub-left-0 |
border color
| class |
snippet |
| border-primary |
borderC-primary-blue |
| border-secondary |
borderC-secondary-gray |
| border-success |
borderC-success-green |
| border-danger |
borderC-danger-red |
| border-warning |
borderC-warning-yello |
| border-info |
borderC-info-greenblue |
| border-light |
borderC-light-lightgray |
| border-dark |
borderC-dark-black |
| border-white |
borderC-white-white |
rounded
| class |
snippet |
| rounded |
rounded-border |
| rounded-top |
rounded-top-border |
| rounded-right |
rounded-right-border |
| rounded-bottom |
rounded-bottom-border |
| rounded-left |
rounded-left-border |
| rounded-circle |
rounded_circle |
| rounded-pill |
rounded_pill |
| rounded-0 |
rounded_remove-0 |
text
| class |
snippet |
| text-left |
text-left |
| text-center |
text-center |
| text-right |
text-right |
| text-lowercase |
text_lowercase |
| text-uppercase |
text_uppercase |
| text-capitalize |
text_capitalize |
| text-decoration-none |
text_decoration-none |
text color
| class |
snippet |
| text-primary |
textC-primary-blue |
| text-secondary |
textC-secondary-gray |
| text-success |
textC-success-green |
| text-danger |
textC-danger-red |
| text-warning |
textC-warning-yellow |
| text-info |
textC-info-greenblue |
| text-light |
textC-light-lightwhite |
| text-dark |
textC-dark |
| text-body |
textC-body-black |
| text-muted |
textC-muted-lightgray |
| text-white |
textC-white-white |
| text-black-50 |
textC-black-a50 |
| text-white-50 |
textC-white-a50 |
display
| class |
snippet |
| d-none |
display-none |
| d-inline |
display-inline |
| d-inline-block |
display-inline-block |
| d-block |
display-block |
| d-flex |
display-flex |
| d-inline-flex |
display-inline-flex |
overflow
| class |
snippet |
| overflow-auto |
overflow-auto |
| overflow-hidden |
overflow-hidden |
visible
| class |
snippet |
| visible |
visible |
| invisible-invisible |
invisible-visible-no |
width percentage
| class |
snippet |
| w-100 |
w-100-width:100% |
| w-75 |
w-75-width:75% |
| w-50 |
w-50-width:50% |
| w-25 |
w-25-width:25% |
shadow
| class |
snippet |
| shadow-none |
shadow_none |
| shadow-sm |
shadow-sm |
| shadow |
shadow |
| shadow-lg |
shadow-lg |
position
| class |
snippet |
| position-static |
position-static |
| position-relative |
position-relative |
| position-absolute |
position-absolute |
| position-fixed |
position-fixed |
| position-sticky |
position-sticky |
font weight
| class |
snippet |
| font-weight-bold |
font-weight-bold |
| font-weight-bolder |
font-weight-bolder |
| font-weight-normal |
font-weight-normal |
| font-weight-light |
font-weight-light |
| font-weight-lighter |
font-weight-lighter |
| font-italic |
font-italic |
flex
| class |
snippet |
| flex-nowrap |
flex-wrap-no |
| flex-wrap |
flex-wrap |
| flex-wrap-reverse |
flex-wrap-reverse |
| flex-row |
flex-dir-row |
| flex-row-reverse |
flex-dir-row-R |
| flex-column |
flex-dir-col |
| flex-column-reverse |
flex-dir-col-R |
background color
| class |
snippet |
| bg-primary |
bgc-primary-blue |
| bg-secondary |
bgc-secondary-gray |
| bg-success |
bgc-success-green |
| bg-danger |
bgc-danger-red |
| bg-warning |
bgc-warning-yellow |
| bg-info |
bgc-info-greenblue |
| bg-light |
bgc-light-lightgray |
| bg-dark |
bgc-dark |
| bg-white |
bgc-white-white |
| bg-transparent |
bgc-transparent |
justify-content
| class |
snippet |
| justify-content-start |
justify-content-start |
| justify-content-center |
justify-content-center |
| justify-content-end |
justify-content-end |
| justify-content-around |
justify-content-around |
| justify-content-between |
justify-content-between |
justify-content
| class |
snippet |
| align-items-start |
align-items-start |
| align-items-center |
align-items-center |
| align-items-end |
align-items-end |
align-content
| class |
snippet |
| align-content-start |
align-content-start |
| align-content-end |
align-content-end |
| align-content-center |
align-content-center |
| align-content-around |
align-content-around |
align-self
| class |
snippet |
| align-self-start |
align-self-start |
| align-self-end |
align-self-end |
| align-self-center |
align-self-center |
| |
