Badges
Use class .badge and for colors
badge-success for get desire badge.
Example heading New
Example heading New
Example heading New
Example heading New
Example heading New
Example heading New
Contextual Badge variations
Use class .badge and for colors
badge-success for get desire badge.
Default
Primary
Success
Info
Warning
Danger
Primary
Success
Info
Warning
Danger
Pill badges
Use class .badge-pill and for colors
badge-success for get desire badge.
Default
Primary
Success
Info
Warning
Danger
Primary
Success
Info
Warning
Danger
Badges
Contextual variations
Primary Secondary Success Danger Warning Info Light DarkPill badges
Primary Secondary Success Danger Warning Info Light DarkCollapse (Toggle)
click below button, for Use a link with the
href attribute, with class
.collapse get desire toggle.
Anim pariatur cliche reprehenderit, enim eiusmod
high life accusamus terry richardson ad squid. Nihil
anim keffiyeh helvetica, craft beer labore wes
anderson cred nesciunt sapiente ea proident.
Accordion example
Extend the default collapse behavior to create an accordion.
This is the first item's accordion
body.
It is shown by default, until the collapse
plugin adds the appropriate classes that we use
to style each element. These classes control the
overall appearance, as well as the showing and
hiding via CSS transitions. You can modify any
of this with custom CSS or overriding our
default variables. It's also worth noting that
just about any HTML can go within the
.accordion-body, though the
transition does limit overflow.
This is the second item's accordion
body.
It is hidden by default, until the collapse
plugin adds the appropriate classes that we use
to style each element. These classes control the
overall appearance, as well as the showing and
hiding via CSS transitions. You can modify any
of this with custom CSS or overriding our
default variables. It's also worth noting that
just about any HTML can go within the
.accordion-body, though the
transition does limit overflow.
This is the third item's accordion
body.
It is hidden by default, until the collapse
plugin adds the appropriate classes that we use
to style each element. These classes control the
overall appearance, as well as the showing and
hiding via CSS transitions. You can modify any
of this with custom CSS or overriding our
default variables. It's also worth noting that
just about any HTML can go within the
.accordion-body, though the
transition does limit overflow.
Simple pagination
To make pagination give class pagination to
ul
Working with icons
To make pagination give class pagination to
ul
Disabled and active states
To make pagination active or disable give class
.disabled & .active to ul
Sizing
Fancy larger or smaller pagination? Add.pagination-sm
for additional sizes.
Alignment
Change the alignment of pagination components with
felxbox
justify-content-center, justify-content-end,
Sizing
Fancy larger or smaller pagination? Add.pagination-lg
for additional sizes.
Image with round corner
.rounded
Image with circle
.rounded-circle Make sure the image is square
not ractangle
Image with Thumbnail
img-thumbnail
Range
Are you Looking for Online Appointment?