Bootstrap - Komponenter

Bootstrap er bl.a. opbygget omkring en række komponenter. Til hvert komponent er knyttet et antal specifikke CSS-selektorer. Bootstrap's beskrivelse af de enkelte komponenter er den eneste / bedste tilgang hvilke selektorer, der er til rådighed. Denne beskrivelse kan for hvert komponent ses under . Linket er derfor nøglen til praktisk brug af Bootstrap.

PS: Der er fundet eksempler på, at selektorer ikke vises i Bootstrap's ovenfor nævnte beskrivelse. Der synes i øjeblikket ikke at være andre muligheder for at finde dem, end at søge manuelt i en PDF-fil, der viser alle data i 'bootstrap.css' filen.

CSS		Components		javaScript
Generel anv. af CSS		Specifikke funktionaliteter.		Indlejrede jQueries.
	Grid System Opbygning af gitter til responsivt site.		Glyphicons Indsættelse af skalerbare piktogrammer fra 'fonts' mappen. Indsættes i <span>-tag. Bootstrap synes p.t. ved at skifte til FontAwesome i stedet.		Transitions Dynamisk ændring af et element's udseende.
	Typography Tilpasning af udseendet af tekst.		Dropdowns Design til dropdown menuer		Modal Visning af et overlay-vindue (som i Lightbox-programmer)
	Code Funktionalitet til code- og pre-taggene.		Button Groups To eller flere knapper på linie i div-boks.		Dropdown Tilknytning af drop-down menu til næsten hvadsomhelst.
	Tables Tilpasning af udseendet af tabeller		Button Dropdowns Tilknytning af drop-down menu til knap.		Scrollspy Menu for hurtig adgang til underafsnit (F.eks. H1 -> H2 .. H2)
	Forms Tilpasning af udseendet af felter i forms		Input Groups Indsættelse af tekst, ikon eller knap som 'prefix' eller 'suffix' til input-type felter.		Tab Etablering af og navigation via faneblade.
	Buttons Tilpasning af udseendet af knapper		Navs Opbygning af listebaserede faneblade som Tabs eller Pills.		Tooltip Tilknytning af simple tooltips til knapper og links.
	Images Tilpasning af udseendet af billeder		Navbar I menu-header. Gør menuen responsiv.		Popover Tilknytning af udvidede tooltips til knapper og links. Har både overskrift og tekstdel.
	Helper classes Diverse CSS-styrede positioneringer		Breadcrumbs Sti fra menustart til aktuel fil. Baseret på <ul>-menu.		Alert Visning af alerts / advarsler. Evt. med "ok"-bekræftelse i popup.
	Responsive utilities Styring af, hvad der skal vises på hvilken skærmstørrelse.		Pagination <ul> menutil sidevalg og pager ved paging.		Button Anvendelse af knapper som bl.a. checkboxe og radioknapper.
			Labels Etiket. Kort tekst med en default farve. Kan bruges mange steder.		Collapse Toggle for at vise / lukke for tilknyttet tekst / harmonikamenu.
			Badges Som Labels, men med halvcirkel ender. Kollapser når ingen data til visning indeni.		Carousel Simpel slider m/u undertekst / navigation.
			Jumbotron 'Storskærm' hvorpå kan placeres alt muligt andet.		Affix Fastlåst sidemenu. Anvendt i Bootstrap dokumentation.
			Page Header 'Undertekst' kan knyttes til <h1>-tekst som <small>
			Thumbnails Visning af billeder i galleri. Der kan tilknyttes tekst og knapper efter behov.
			Alerts Visning af alerts / advarsler. Ingen mulighed for "ok"-bekræftelse i popup.
			Progress Bars Bjælke til visning af, hvordan aktivitet forløber.
			Media Object Opbygning af div-baseret medie objekt.
			List Group Visning af ul-liste og a-links som neutral liste. Tekst kan tilføjes.
			Panels div-boks til indlejring af DOM-komponenter: heading, h1-6, footer, tabel, liste.
			Responsive embed Visning af Youtube (og andre ?) i responsive størrelse.
			Wells Giver indlejrede element indtryk af at være indsat.

Komponenter fra 3' part

På en række sider kan der hentes jQuery-baserede Bootstrap komponenter. Der er link til nogle af dem nedenfor.

	Designposts
	Bootply
	Bootstraphero
	jQueryScript

De CSS-selektorer, der benyttes i en ibrugtaget plugin - og som ikke er Bootstrap-selektorer - skal indsættes i 'egen css'.