Den primære css-fil fra Bootstrap fylder ca 145 sider i pdf-format. Andre css-filer fra Bootstrap med visse delmængder fylder mindre.
I især menuafsnittene 'Layout', 'Content' og 'Components' i Bootstrap's 'Documentation' omtales en del af selektorerne i filen - nok de væsentligste. Derudover tilbyder hverken Bootstrap eller (tilsyneladende) andre værktøjer til analyse af det omfattende datamateriale.
Nedenfor er der link til først Bootstrap's egne css-filer i pdf-format, og efterfølgende er den primære Bootstrap-fil 'klippet' op i et antal dele:
| | GLOBALE | Alle selektorer i bootstrap.css udenfor @media. | 95 | | |
|---|
| HTML-tags | Anvendes default på alle Bootstrap-sider. (Kun tags uden tilknyttede selektorer.) | 9 | | |
|---|
| | .@media alle | Alle selektorer i bootstrap.css indenfor @media | 51 | | |
|---|
| .@media xs | Selektorer til viewport 000-575 px. | 1 | | |
|---|
| .@media sm | Selektorer til viewport 576-767 px.
Indeholder selektorer til form, card, jumbotron og modal der ikke indgår i md, lg og xl. | 15 | | |
|---|
| .@media md | Selektorer til viewport 768-991 px. | 12 | | |
|---|
| .@media lg | Selektorer til viewport 992-1199 px. | 12 | | |
|---|
| .@media xl | Selektorer til viewport 1200-xxxx px. | 12 | | |
|---|
| | .@media print | Selektorer til styring af print. | 2 | | |
|---|
| Gitter (grid) |
|---|
BS4
beta | Selektor-
navn | Betegnelse | PDF-
sider | BS4.2
dok |
|---|
| | .container | Container-selektorer | 2 | Grid | |
|---|
| .row | Row-selektorer | 1 | Grid | |
|---|
| .col | Se den relevante @media ovenfor | | Grid | |
|---|
| Content |
|---|
BS4
beta | Selektor-
navn | Betegnelse | PDF-
sider | BS4.2
dok |
|---|
| .pre | Selektorer knyttet til code. | 1 | Code | |
|---|
| .figure | Selektorer knyttet til visning af Figurer (billeder). | 1 | Figres | |
|---|
| .img | Selektorer til håndtering af billeder. | 1 | Images | |
|---|
| Ingen selektorer | Generelt vedr. opbygning af base-line (default) side. | | Reboot | |
|---|
| .table | Selektorer knyttet til opbygning af tabeller. | 5 | Tables | |
|---|
|
.blockquote
.display
.initialism
.lead
| Generelt vedr. typography (tekster). |
1
1
1
1
| Typhography | |
|---|
| Utilities |
|---|
BS4
beta | Selektor-
navn | Betegnelse | PDF-
sider | BS4.2
dok |
|---|
| .border | Selektorer knyttet til borders. | 1 | Borders | |
|---|
| .clearfix | Selektorer knyttet til clearfix. | 1 | Clearfix | |
|---|
| .close | Selektorer knyttet til close. | 1 | Close icon | |
|---|
|
.bg
.text | Selektorer knyttet til baggrundsfarver hhv. tekstfarver. | 2
2 | Colors |
|
| .d | Selektorer knyttet til display. (Kun de væsentligste) | 3 | Display | |
|---|
| .embed | Selektorer knyttet til embed. | 1 | Embed | |
|---|
| .d
.flex
.justify
.align
.order | Selektorer knyttet til flex.
Ca. 40 "ens" selektorer pr hver klasse. | 17 | Flex | |
|---|
| .float | Selektorer knyttet til float. | 2 | Float | |
|---|
| .text-hide | Selektorer knyttet til image replacement. | 1 | Image replacement | |
|---|
| Ingen selektorer | Selektorer knyttet til overflow. | | Overflow | |
|---|
| .fixed
.sticky | Selektorer knyttet til position. | 1
1 | Position | |
|---|
| .sr | Selektorer knyttet til screenreaders. | 1 | Screenreaders | |
|---|
| Ingen selektorer | Selektorer knyttet til shadows. | | Shadows | |
|---|
| .w, .h | Selektorer knyttet til sizing (width, height ect.). | 1 | Sizing | |
|---|
| .m-, p- | Selektorer knyttet til spacing (margin, padding). | 23 | Spacing | |
|---|
| .text | Selektorer knyttet til modifikationer af text. | 2 | Text | |
|---|
| .align | Selektorer knyttet til vertical align. | 1 | Vertical align | |
|---|
| .visible | Selektorer knyttet til visibility. | 1 | Visibility | |
|---|
| Komponenter |
|---|
BS4
beta | Selektor-
navn | Betegnelse | PDF-
sider | BS4.2
dok |
|---|
| .alert | Selektorer knyttet til Alerts. | 3 | Alerts | |
|---|
| .badge | Selektorer knyttet til Badges. | 2 | Badge | |
|---|
| .breadcrumb | Selektorer knyttet til Breadcrumbs. | 1 | Breadcrumb | |
|---|
| .btn | xSelektorer knyttet til Buttons. | 14 | Buttons | |
|---|
| .btn-group | Selektorer knyttet til Button groups. | 14 | Button group | |
|---|
| .card | Selektorer knyttet til Cards | 4 | Card | |
|---|
| .carousel | Selektorer knyttet til Carousel | 4 | Carousel | |
|---|
|
.collapse
.collapsing
.show
| Selektorer knyttet til Collapse med "display: x". |
1
1
1
| Collapse | |
|---|
| .dropxx | Selektorer knyttet til Dropdown og Dropup. | 2 | Dropdowns | |
|---|
|
.form
.was
| Selektorer knyttet til Forms. |
7
3
| Forms | |
|---|
|
.input
.custom
| Selektorer knyttet til input-felter. |
3
4
| Input group | |
|---|
| .jumbotron | Selektorer knyttet til jumbotron | 1 | Jumbotron | |
|---|
|
.list-group
.show
| Selektorer knyttet til lister og især listegrupper. |
6
1
| List gfroup | |
|---|
|
.media
.list
| Selektorer knyttet til håndtering af media (billeder, video etc.). |
1
1
| Media object | |
|---|
|
.modal
.fade
| Selektorer knyttet til Modal. |
3
1
| Modal | |
|---|
|
.nav
.tab
| Selektorer knyttet til den indre opbygning af menu (navs). |
2
1
| Navs | |
|---|
| .navbar | Selektorer knyttet til den ydre opbygning af menu (navbar). | 9 | Navbar | |
|---|
|
.pagination
.page
| Selektorer knyttet til pagination. |
1
1
| Pagination | |
|---|
|
.popover
.show
| Selektorer knyttet til Popover. |
4
1
| Popovers | |
|---|
| .progress | Selektorer knyttet til Progress. | 1 | Progress | |
|---|
| . | Selektorer knyttet til Scrollspy. | 1 | Scrollspy | |
|---|
| . | Selektorer knyttet til Spinners. | 1 | Spinners | |
|---|
|
.
.show
| Selektorer knyttet til Toasts. |
1
| Toasts | |
|---|
|
.tooltip
.invalid
| Selektorer knyttet til Tooltip. |
3
1
| Tooltip | |
|---|
Har man brug for en generel selektor, der ikke er nævnt i Bootsrap's dokumentation, synes der ikke at være anden mulighed end at søge lykken i pdf-filen på 93 sider.
'rem' eller 'em' bruges som hovedregel til størrelsesangivelse i stedet for px(pixels) i tilknytning til selektorerne:
Af de to anvendes "em" kun i beskedent omfang.
Boot strap - Selektor grupper
