BootstrapLunttilappu

RTL-huijauslehti

Sisällys

Typografia

Dokumentointi

Näyttö 1

Näyttö 2

Näyttö 3

Näyttö 4

Näyttö 5

Näyttö 6

Otsikko 1

Otsikko 2

Otsikko 3

Otsikko 4

Otsikko 5

Otsikko 6

Tämä on johdantokappale. Se erottuu tavallisista kappaleista.

Voit käyttää merkkitunnistettakohokohtateksti.

Tätä tekstiriviä on tarkoitus käsitellä poistettuna tekstinä.

Tätä tekstiriviä on tarkoitus käsitellä epätarkana.

Tätä tekstiriviä on tarkoitus käsitellä asiakirjan lisäyksenä.

Tämä tekstirivi hahmonnetaan alleviivatuksi.

Tätä tekstiriviä on tarkoitus käsitellä pienellä tekstillä.

Tämä rivi esitetään lihavoituna.

Tämä rivi muutettiin kursivoituksi tekstiksi.

Tunnettu lainaus, joka sisältyy blockquote-elementtiin.

Joku kuuluisa lähdeotsikossa
  • Tämä on luettelo.
  • Se näyttää täysin tyylittömältä.
  • Rakenteellisesti se on edelleen luettelo.
  • Tämä tyyli koskee kuitenkin vain välittömiä lapsielementtejä.
  • Sisäkkäiset luettelot:
    • tämä tyyli ei vaikuta niihin
    • näyttää silti luodin
    • ja niillä on sopiva vasen marginaali
  • Tästä voi silti olla hyötyä joissain tilanteissa.
  • Tämä on luettelon kohde.
  • Ja toinen.
  • Mutta ne näytetään rivissä.

Kuvat

Dokumentointi
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

Taulukot

Dokumentointi
# Ensimmäinen Kestää Kahva
1 Mark Otto @mdo
2 Jacob Thornton @rasva
3 Larry lintu @viserrys
# Ensimmäinen Kestää Kahva
1 Mark Otto @mdo
2 Jacob Thornton @rasva
3 Larry lintu @viserrys
Luokka Otsikko Otsikko
Oletus Cell Cell
Ensisijainen Cell Cell
Toissijainen Cell Cell
Menestys Cell Cell
Vaara Cell Cell
Varoitus Cell Cell
Tiedot Cell Cell
Kevyt Cell Cell
Tumma Cell Cell
# Ensimmäinen Kestää Kahva
1 Mark Otto @mdo
2 Jacob Thornton @rasva
3 Larry lintu @viserrys

Kuvat

Dokumentointi
Placeholder 400x300
Otsikko yllä olevaan kuvaan.

Lomakkeet

Yleiskatsaus

Dokumentointi
Emme koskaan jaa sähköpostiosoitettasi kenenkään muun kanssa.
Radion painikkeet

Vammaiset lomakkeet

Dokumentointi
Poistetut radiopainikkeet

Mitoitus

Dokumentointi

Syöteryhmä

Dokumentointi
@
@example.com
https://example.com/käyttäjät/
$ .00
Tekstialueella

Validointi

Dokumentointi
Näyttää hyvältä!
Näyttää hyvältä!
@
Valitse käyttäjätunnus.
Anna kelvollinen kaupunki.
Valitse kelvollinen osavaltio.
Anna kelvollinen postinumero.
Sinun on hyväksyttävä ennen lähettämistä.

Komponentit

Harmonikka

Dokumentointi

Tämä on ensimmäisen esineen harmonikkarunko. Se on oletuksena piilotettu, kunnes tiivistyslaajennus lisää sopivat luokat, joita käytämme kunkin elementin tyyliin. Nämä luokat hallitsevat yleisilmettä sekä näyttämistä ja piilottamista CSS-siirtymien kautta. Voit muokata mitä tahansa näistä mukautetulla CSS:llä tai ohittamalla oletusmuuttujamme. On myös syytä huomata, että melkein mikä tahansa HTML-koodi voi mennä tunnuksen sisään .accordion-body, vaikka siirtymä rajoittaa ylivuotoa.

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.

Tämä on kolmannen esineen harmonikkarunko. Se on oletuksena piilotettu, kunnes tiivistyslaajennus lisää sopivat luokat, joita käytämme kunkin elementin tyyliin. Nämä luokat hallitsevat yleisilmettä sekä näyttämistä ja piilottamista CSS-siirtymien kautta. Voit muokata mitä tahansa näistä mukautetulla CSS:llä tai ohittamalla oletusmuuttujamme. On myös syytä huomata, että melkein mikä tahansa HTML-koodi voi mennä tunnuksen sisään .accordion-body, vaikka siirtymä rajoittaa ylivuotoa.

Hälytykset

Dokumentointi

Kunniamerkki

Dokumentointi

EsimerkkiotsikkoUusi

EsimerkkiotsikkoUusi

EsimerkkiotsikkoUusi

EsimerkkiotsikkoUusi

EsimerkkiotsikkoUusi

EsimerkkiotsikkoUusi

EsimerkkiotsikkoUusi

EsimerkkiotsikkoUusi

Ensisijainen Toissijainen Menestys Vaara Varoitus Tiedot Kevyt Tumma

Painikkeet

Dokumentointi

Kortti

Dokumentointi
Placeholder Image cap
Kortin otsikko

Nopea esimerkkiteksti kortin otsikon pohjalta ja muodostaa suurimman osan kortin sisällöstä.

Mennä jonnekin
Esittelyssä
Kortin otsikko

Nopea esimerkkiteksti kortin otsikon pohjalta ja muodostaa suurimman osan kortin sisällöstä.

Mennä jonnekin
2 päivää sitten
Kortin otsikko

Nopea esimerkkiteksti kortin otsikon pohjalta ja muodostaa suurimman osan kortin sisällöstä.

  • Esine
  • Toinen kohde
  • Kolmas kohde
Korttilinkki Toinen linkki
Placeholder Image
Kortin otsikko

Tämä on laajempi kortti, jonka alla on tukiteksti luonnollisena johdatuksena lisäsisältöön. Tämä sisältö on hieman pidempi.

Viimeksi päivitetty 3 minuuttia sitten

Listaa ryhmä

Dokumentointi
  • Estetty kohde
  • Toinen kohde
  • Kolmas kohde
  • Neljäs kohta
  • Ja viidennen
  • Esine
  • Toinen kohde
  • Kolmas kohde
  • Neljäs kohta
  • Ja viidennen
Yksinkertainen oletusluetteloryhmäkohde Yksinkertainen ensisijaisen luettelon ryhmäkohde Yksinkertainen toissijainen luetteloryhmäkohde Yksinkertainen menestysluettelon ryhmäkohde Yksinkertainen vaaraluettelon kohde Yksinkertainen varoitusluettelon ryhmäkohde Yksinkertainen tietoluetteloryhmäkohde Yksinkertainen kevyt luetteloryhmäkohde Yksinkertainen pimeän listan ryhmäkohde

Popovers

Dokumentointi

Scrollspy

Dokumentointi

Ensimmäinen otsikko

Tämä on paikkamerkkisisältöä scrollspy-sivulle. Huomaa, että kun vierität sivua alaspäin, oikea navigointilinkki näkyy korostettuna. Se toistetaan koko komponenttiesimerkissä. Lisäämme tänne lisää esimerkkikopioita korostaaksemme vieritystä ja korostusta.

Toinen otsikko

Tämä on paikkamerkkisisältöä scrollspy-sivulle. Huomaa, että kun vierität sivua alaspäin, oikea navigointilinkki näkyy korostettuna. Se toistetaan koko komponenttiesimerkissä. Lisäämme tänne lisää esimerkkikopioita korostaaksemme vieritystä ja korostusta.

Kolmas otsikko

Tämä on paikkamerkkisisältöä scrollspy-sivulle. Huomaa, että kun vierität sivua alaspäin, oikea navigointilinkki näkyy korostettuna. Se toistetaan koko komponenttiesimerkissä. Lisäämme tänne lisää esimerkkikopioita korostaaksemme vieritystä ja korostusta.

Neljäs otsikko

Tämä on paikkamerkkisisältöä scrollspy-sivulle. Huomaa, että kun vierität sivua alaspäin, oikea navigointilinkki näkyy korostettuna. Se toistetaan koko komponenttiesimerkissä. Lisäämme tänne lisää esimerkkikopioita korostaaksemme vieritystä ja korostusta.

Viides otsikko

Tämä on paikkamerkkisisältöä scrollspy-sivulle. Huomaa, että kun vierität sivua alaspäin, oikea navigointilinkki näkyy korostettuna. Se toistetaan koko komponenttiesimerkissä. Lisäämme tänne lisää esimerkkikopioita korostaaksemme vieritystä ja korostusta.

Spinnerit

Dokumentointi

Paahtoleipää

Dokumentointi

Työkaluvinkit

Dokumentointi