BootstrapFusklapp

RTL fuskblad

Innehåll

Typografi

Dokumentation

Display 1

Display 2

Display 3

Display 4

Display 5

Display 6

Rubrik 1

Rubrik 2

Rubrik 3

Rubrik 4

Rubrik 5

Rubrik 6

Detta är ett ledande stycke. Det skiljer sig från vanliga stycken.

Du kan använda markeringstaggen för attmarkeratext.

Denna textrad är avsedd att behandlas som raderad text.

Denna textrad är avsedd att behandlas som inte längre korrekt.

Denna textrad är avsedd att behandlas som ett tillägg till dokumentet.

Denna textrad återges som understruken.

Denna textrad är avsedd att behandlas som finstilt.

Denna rad återges som fet text.

Denna rad återges som kursiv text.

Ett välkänt citat, inkluderat i ett blockquote-element.

Någon känd i källtiteln
  • Det här är en lista.
  • Det verkar helt ostylat.
  • Strukturellt sett är det fortfarande en lista.
  • Den här stilen gäller dock bara för omedelbara underordnade element.
  • Kapslade listor:
    • är opåverkade av denna stil
    • kommer fortfarande att visa en kula
    • och ha lämplig vänstermarginal
  • Detta kan fortfarande vara användbart i vissa situationer.
  • Detta är ett listobjekt.
  • Och ännu en.
  • Men de visas inline.

Bilder

Dokumentation
Placeholder Responsive image
A generic square placeholder image with a white border around it, making it resemble a photograph taken with an old instant camera 200x200

Tabeller

Dokumentation
# Först Sista Hantera
1 Mark Otto @mdo
2 Jacob Thornton @fett
3 Fågeln Larry @Twitter
# Först Sista Hantera
1 Mark Otto @mdo
2 Jacob Thornton @fett
3 Fågeln Larry @Twitter
Klass Rubrik Rubrik
Standard Cell Cell
Primär Cell Cell
Sekundär Cell Cell
Framgång Cell Cell
Fara Cell Cell
Varning Cell Cell
Info Cell Cell
Ljus Cell Cell
Mörk Cell Cell
# Först Sista Hantera
1 Mark Otto @mdo
2 Jacob Thornton @fett
3 Fågeln Larry @Twitter

Siffror

Dokumentation
Placeholder 400x300
En bildtext till bilden ovan.

Blanketter

Översikt

Dokumentation
Vi kommer aldrig att dela din e-post med någon annan.
Radioknappar

Inaktiverade formulär

Dokumentation
Inaktiverade radioknappar

Dimensionering

Dokumentation

Inmatningsgrupp

Dokumentation
@
@exempel.com
https://example.com/users/
$ 0,00
Med textområde

Godkännande

Dokumentation
Ser bra ut!
Ser bra ut!
@
Välj ett användarnamn.
Ange en giltig stad.
Välj en giltig stat.
Ange en giltig zip.
Du måste godkänna innan du skickar in.

Komponenter

Dragspel

Dokumentation

Detta är det första föremålets dragspelskropp. Den är dold som standard tills kollaps-pluginen lägger till de lämpliga klasserna som vi använder för att utforma varje element. Dessa klasser kontrollerar det övergripande utseendet, såväl som visningen och döljandet via CSS-övergångar. Du kan ändra något av detta med anpassad CSS eller åsidosätta våra standardvariabler. Det är också värt att notera att nästan vilken HTML som helst kan gå inom .accordion-body, även om övergången begränsar överflödet.

This is the second item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

Detta är det tredje föremålets dragspelskropp. Den är dold som standard tills kollaps-pluginen lägger till de lämpliga klasserna som vi använder för att utforma varje element. Dessa klasser kontrollerar det övergripande utseendet, såväl som visningen och döljandet via CSS-övergångar. Du kan ändra något av detta med anpassad CSS eller åsidosätta våra standardvariabler. Det är också värt att notera att nästan vilken HTML som helst kan gå inom .accordion-body, även om övergången begränsar överflödet.

Varningar

Dokumentation

Bricka

Dokumentation

ExempelrubrikNy

ExempelrubrikNy

ExempelrubrikNy

ExempelrubrikNy

ExempelrubrikNy

ExempelrubrikNy

ExempelrubrikNy

ExempelrubrikNy

Primär Sekundär Framgång Fara Varning Info Ljus Mörk

Knappar

Dokumentation

Kort

Dokumentation
Placeholder Image cap
Korttitel

Lite snabb exempeltext för att bygga vidare på korttiteln och utgöra huvuddelen av kortets innehåll.

Gå någonstans
Utvalda
Korttitel

Lite snabb exempeltext för att bygga vidare på korttiteln och utgöra huvuddelen av kortets innehåll.

Gå någonstans
2 dagar sedan
Korttitel

Lite snabb exempeltext för att bygga vidare på korttiteln och utgöra huvuddelen av kortets innehåll.

  • Ett föremål
  • Ett andra föremål
  • En tredje sak
Kortlänk En annan länk
Placeholder Image
Korttitel

Detta är ett bredare kort med stödjande text nedan som en naturlig inledning till ytterligare innehåll. Detta innehåll är lite längre.

Senast uppdaterad för 3 minuter sedan

Listgrupp

Dokumentation
  • Ett inaktiverat föremål
  • Ett andra föremål
  • En tredje sak
  • En fjärde punkt
  • Och en femte
  • Ett föremål
  • Ett andra föremål
  • En tredje sak
  • En fjärde punkt
  • Och en femte
En enkel standardlista gruppobjekt Ett enkelt primärt listgruppobjekt En enkel sekundär listgrupppost Ett enkelt gruppobjekt med framgångslista En enkel farolista gruppobjekt En enkel varningslista gruppobjekt En enkel informationslista gruppobjekt En enkel grupppost för ljuslista En enkel mörk lista gruppobjekt

Popovers

Dokumentation

Scrollspy

Dokumentation

Första rubriken

Detta är en del platshållarinnehåll för scrollspy-sidan. Observera att när du rullar nedåt på sidan markeras lämplig navigeringslänk. Det upprepas genom hela komponentexemplet. Vi fortsätter att lägga till ytterligare några exemplar här för att betona rullningen och markeringen.

Andra rubriken

Detta är en del platshållarinnehåll för scrollspy-sidan. Observera att när du rullar nedåt på sidan markeras lämplig navigeringslänk. Det upprepas genom hela komponentexemplet. Vi fortsätter att lägga till ytterligare några exemplar här för att betona rullningen och markeringen.

Tredje rubriken

Detta är en del platshållarinnehåll för scrollspy-sidan. Observera att när du rullar nedåt på sidan markeras lämplig navigeringslänk. Det upprepas genom hela komponentexemplet. Vi fortsätter att lägga till ytterligare några exemplar här för att betona rullningen och markeringen.

Fjärde rubriken

Detta är en del platshållarinnehåll för scrollspy-sidan. Observera att när du rullar nedåt på sidan markeras lämplig navigeringslänk. Det upprepas genom hela komponentexemplet. Vi fortsätter att lägga till ytterligare några exemplar här för att betona rullningen och markeringen.

Femte rubriken

Detta är en del platshållarinnehåll för scrollspy-sidan. Observera att när du rullar nedåt på sidan markeras lämplig navigeringslänk. Det upprepas genom hela komponentexemplet. Vi fortsätter att lägga till ytterligare några exemplar här för att betona rullningen och markeringen.

Spinnare

Dokumentation

Rostat bröd

Dokumentation

Verktygstips

Dokumentation