Bootstrap 5.3 - Komponenten

subtitle

Vollständige Demonstrationen von Bootstrap 5.3 mit allen Komponenten und Funktionen

colors.title

colors.theme_colors
Primary Secondary Success Danger Warning Info Light Dark

colors.theme_colors_desc

colors.gradient_colors
Primary Success Danger Info

colors.gradient_colors_desc

buttons.title

buttons.basic
buttons.outline
buttons.sizes
buttons.disabled

cards.title

Card image
cards.basic.title

cards.basic.text

cards.basic.button
cards.header.title
cards.centered.title

cards.centered.text

cards.centered.button
cards.footer.text
cards.list.title

cards.list.text

  • cards.list.item1
  • cards.list.item2
  • cards.list.item3
cards.list.link1 cards.list.link2

forms.title

forms.basic.title
forms.email.help
forms.floating.title

modals.title

alerts.title

progress.title

25%
50%
75%
100%

badges.title

badges.basic
Primary Secondary Success Danger Warning Info Light Dark
badges.pills
Primary Secondary Success Danger Warning Info Light Dark
badges.sizes

Example heading New

Example heading New

Example heading New

Example heading New

Example heading New
Example heading New

spinners.title

toasts.title

accordion.title

accordion.item1.content

accordion.item2.content

accordion.item3.content

carousel.title

offcanvas.title

offcanvas.title

offcanvas.content

placeholders.title

ratio.title

16:9 ratio
16:9
4:3 ratio
4:3
1:1 ratio
1:1

utilities.title

utilities.spacing.title
p-3
pt-3 pb-1 px-2
m-3
mt-2 mb-4 ms-3 me-1
utilities.sizing.title
w-25
w-50
w-75
w-100
utilities.display.title
d-block
d-inline-block
d-inline
d-none (invisível)
utilities.flex.title
Flex item 1
Flex item 2
Flex item 3
utilities.text.title

Texto alinhado à esquerda (text-start)

Texto centralizado (text-center)

Texto alinhado à direita (text-end)

TEXTO EM MINÚSCULAS (text-lowercase)

texto em maiúsculas (text-uppercase)

texto com capitalização (text-capitalize)

Texto em negrito (fw-bold)

Texto em itálico (fst-italic)

conclusion.title

conclusion.text

  • conclusion.point1
  • conclusion.point2
  • conclusion.point3
  • conclusion.point4
  • conclusion.point5
conclusion.back