Class "lead" ger en sådan här text, som en ingress. Rubriken ovan är standard H1 i Bootstrap.
Detta inledande stycke är centrerat i lokal CSS och ligger i en div class container-fluid för full bredd. Standard formatering i Bootstrap överrids alltså av en instruktioner i en egen lokal CSS.
Bootstrap har 12 kolumner. Dessa kan kombineras på en mängd olika sätt.
.col-sm-2, en smal kolumn. Vid smalt fönster hamnar denna överst.
.col-sm-8, en bred kolumn. Här ska mycket brödtext kunna rymmas. Tag "mark" ger en "highlight".
Dessa tre kolumner ligger samlade i en div med class container.
Detta är ett exempel på vad tag "blockquote" ger. Det är avsett för citat.
Taggen "kbd" ger en knappliknande markering, såhär: ctrl + p för att skriva ut.
Taggen "code" ger följande utseende: code
Taggen "badge" är avsedd att användas för antal objekt kopplade till en länk: Kommentarer 10. Tillsammans med tag "button" class "btn btn-primary" blir det:
Class "label" är avsedd att användas för tilläggsinformation, tillsammans med class label-primary på tag span ger: New
Det finns en "termometerskala", class progress-bar på en div som ligger i en div class progress:
Med class "progress-bar-striped" och "active" blir den:
Det finns särskilda knappar för "föregående-nästa" eller dylikt. Det är en ul med class "pager":
En ny div class"row" inuti en "row", med två "col-sm-6" under. Notera att de två spalterna lägger sig under varandra vid mindre sidbredd, ganska tidigt:
Test halvbredd.
Test halvbredd.
En ny div class"row" inuti en "row", med två "col-sm-4" och "två col-sm-2" under. Notera att de två spalterna lägger sig under varandra vid mindre sidbredd, ganska tidigt:
Test col-sm-4 som "halvbredd" med en tom col-sm-2 före.
Test col-sm-4 som "halvbredd" med en tom col-sm-2 efter.
En ny div class"row" inuti en "row", med tre "col-xs-4" under. Notera att de tre spalterna håller sig bredvid varandra även vid mindre sidbredd:
Test col-xs-3 som "tredjedels
Test col-xs-3 som "tredjedels
Test col-xs-3 som "tredjedels
Naturligtvis kan såväl bakgrundsfärg som textfärg sättas i precis den nyans man vill ha på olika delar av webbplatsen.
Extra funktioner, skrivna i JavaScript eller i PHP, kan givetvis läggas till allt efter behov. Bootstrap hindrar inte det. Ett exempel är en överlagrad list överst eller underst för att uppfylla "EU Cookie Law" som ofta behövs.
En sidfot kan stilstyras lokalt, som nedan. En fast sidfot, som alltid ligger i fönstrets botten, kan också skapas om så önskas.
(Dessa avslutande rader är skrivna i en paragraf direkt i en div class "row", utan kolumnbestämning. De har då ingen padding.)
.col-sm-2, en smal kolumn. Vid smalt fönster hamnar denna underst.
Ett nytt stycke i sista smala kolumnen.