Bootstrap 4 - Komponenter

Under menupunktet 'Components' viser Bootstrap en række eksempler en række brugerinterfaces, der udover at være CSS-styrede også i baggrunden er baseret på javaScript.

Knapper (Buttons) adskiller sig fra de andre ved en meget større brugshyppighed.


Alerts	x	Alert vises som bred bar. Ingen dialog. Farver som knapper.
Badge		Emblem til indsættelse af kort tekst. Farver som knapper.
Breadcrumb		Sti fra menustart til aktuel fil. Baseret på <ul>-menu.
Buttons		Tilpasning af udseendet af knapper
Button group		To eller flere knapper på linie i div-boks.
Card		Fleksibel og tilpasselig 'content container'.
Carousel		Simpel slider m/u undertekst / navigation.
Collapse / Accordion		Toggle for at vise / lukke for tilknyttet tekst / harmonikamenu.
Dropdowns		Opbygning af dropdown menuer.
Forms		Tilpasning af udseendet af felter i "input-type" forms.
Input Group		Indsættelse af tekst, ikon eller knap som 'prefix' eller 'suffix' til input-type felter.
Jumbotron		'Storskærm' hvorpå kan placeres alt muligt andet.
List group		Visning af ul-liste og a-links som neutral liste. Tekst kan tilføjes.
Modal		Opbygning af forskellige former for overlay-vinduer (som i Lightbox-programmer).
Navbar		I menu-header. Gør menuen responsiv.
Navs		Opbygning af menuer til "ul-lister" (faneblade, tabs, pills etc.).
Pagination		Menu baseret på "ul-liste" til skift mellem få specifikke sider etc. (Artikel / emne fordelt over flere sider).
Popovers		Udvidede tooltips knyttet til knapper, links eller tekst. Har både overskrift og tekstdel.
Progress		Bjælke til visning af, hvordan aktivitet skrider frem.
Scrollspy		Menu for hurtig adgang til underafsnit (F.eks. H1 -> H2 .. H2)
Tooltips		Tilknytning af simple tooltips til knapper, links og tekst.