BootstrapCheatsheet

RTL cheatsheet

Sadržaj

Tipografija

Dokumentacija

Prikaz 1

Prikaz 2

Prikaz 3

Prikaz 4

Prikaz 5

Prikaz 6

Naslov 1

Naslov 2

Naslov 3

Naslov 4

Naslov 5

Naslov 6

Ovo je glavni paragraf. Izdvaja se od redovnih paragrafa.

Možete koristiti oznaku za označavanjehighlighttekst.

Ovaj red teksta treba da se tretira kao izbrisani tekst.

Ovaj red teksta treba da se tretira kao više netačan.

Ovaj red teksta treba da se tretira kao dodatak dokumentu.

Ovaj red teksta će se prikazati kao podvučen.

Ovaj red teksta treba da se tretira kao sitna slova.

Ovaj red je prikazan kao podebljani tekst.

Ovaj red je prikazan kao kurziv tekst.

Dobro poznati citat, sadržan u elementu blok citata.

Neko poznat u naslovu izvora
  • Ovo je lista.
  • Djeluje potpuno nestilirano.
  • Strukturno, to je još uvijek lista.
  • Međutim, ovaj stil se primjenjuje samo na neposredne podređene elemente.
  • Ugniježđene liste:
    • na njih ovaj stil ne utiče
    • i dalje će pokazati metak
    • i imaju odgovarajuću lijevu marginu
  • Ovo bi moglo biti korisno u nekim situacijama.
  • Ovo je stavka na listi.
  • I još jedan.
  • Ali oni su prikazani u liniji.

Slike

Dokumentacija
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

Stolovi

Dokumentacija
# Prvo Last Drška
1 Mark Otto @mdo
2 Jacob Thornton @debeo
3 Larry the Bird @twitter
# Prvo Last Drška
1 Mark Otto @mdo
2 Jacob Thornton @debeo
3 Larry the Bird @twitter
Klasa Naslov Naslov
Default Cell Cell
Primarni Cell Cell
Sekundarni Cell Cell
Uspjeh Cell Cell
Opasnost Cell Cell
Upozorenje Cell Cell
Info Cell Cell
Light Cell Cell
Dark Cell Cell
# Prvo Last Drška
1 Mark Otto @mdo
2 Jacob Thornton @debeo
3 Larry the Bird @twitter

Brojke

Dokumentacija
Placeholder 400x300
Naslov za gornju sliku.

Forms

Pregled

Dokumentacija
Nikada nećemo dijeliti vašu e-poštu ni sa kim.
Radio tasteri

Onemogućene forme

Dokumentacija
Onemogućena radio dugmad

Određivanje veličine

Dokumentacija

Grupa unosa

Dokumentacija
@
@example.com
https://example.com/users/
$ .00
Sa textarea

Validacija

Dokumentacija
Izgleda dobro!
Izgleda dobro!
@
Molimo odaberite korisničko ime.
Molimo navedite važeći grad.
Molimo odaberite važeću državu.
Molimo navedite važeći zip.
Morate se složiti prije podnošenja.

Komponente

Harmonika

Dokumentacija

Ovo je tijelo prve harmonike. Po defaultu je skriven, sve dok dodatak za kolaps ne doda odgovarajuće klase koje koristimo za stiliziranje svakog elementa. Ove klase kontroliraju cjelokupni izgled, kao i prikazivanje i skrivanje putem CSS prijelaza. Možete izmijeniti bilo šta od ovoga sa prilagođenim CSS-om ili nadjačavanjem naših zadanih varijabli. Također je vrijedno napomenuti da skoro svaki HTML može ići unutar .accordion-body, iako tranzicija ograničava prelijevanje.

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.

Ovo je treće tijelo harmonike. Po defaultu je skriven, sve dok dodatak za kolaps ne doda odgovarajuće klase koje koristimo za stiliziranje svakog elementa. Ove klase kontroliraju cjelokupni izgled, kao i prikazivanje i skrivanje putem CSS prijelaza. Možete izmijeniti bilo šta od ovoga sa prilagođenim CSS-om ili nadjačavanjem naših zadanih varijabli. Također je vrijedno napomenuti da skoro svaki HTML može ići unutar .accordion-body, iako tranzicija ograničava prelijevanje.

Alerts

Dokumentacija

Značka

Dokumentacija

Primjer naslovaNovo

Primjer naslovaNovo

Primjer naslovaNovo

Primjer naslovaNovo

Primjer naslovaNovo

Primjer naslovaNovo

Primjer naslovaNovo

Primjer naslovaNovo

Primarni Sekundarni Uspjeh Opasnost Upozorenje Info Light Dark

Dugmad

Dokumentacija

Card

Dokumentacija
Placeholder Image cap
Naslov kartice

Neki brzi primjer teksta koji treba nadograditi na naslov kartice i činiti većinu sadržaja kartice.

Idi negde
Istaknuto
Naslov kartice

Neki brzi primjer teksta koji treba nadograditi na naslov kartice i činiti većinu sadržaja kartice.

Idi negde
prije 2 dana
Naslov kartice

Neki brzi primjer teksta koji treba nadograditi na naslov kartice i činiti većinu sadržaja kartice.

  • Stavka
  • Druga stavka
  • Treća stavka
Link kartice Još jedan link
Placeholder Image
Naslov kartice

Ovo je šira kartica s pratećim tekstom ispod kao prirodni uvod u dodatni sadržaj. Ovaj sadržaj je malo duži.

Posljednji put ažurirano prije 3 minute

Popovers

Dokumentacija

Scrollspy

Dokumentacija

Prvi naslov

Ovo je neki sadržaj za čuvanje mjesta za scrollspy stranicu. Imajte na umu da dok skrolujete prema dolje, odgovarajuća navigacijska veza je istaknuta. Ponavlja se u cijelom primjeru komponente. Ovdje nastavljamo dodavati još primjeraka kako bismo naglasili pomicanje i isticanje.

Drugi naslov

Ovo je neki sadržaj za čuvanje mjesta za scrollspy stranicu. Imajte na umu da dok skrolujete prema dolje, odgovarajuća navigacijska veza je istaknuta. Ponavlja se u cijelom primjeru komponente. Ovdje nastavljamo dodavati još primjeraka kako bismo naglasili pomicanje i isticanje.

Treći naslov

Ovo je neki sadržaj za čuvanje mjesta za scrollspy stranicu. Imajte na umu da dok skrolujete prema dolje, odgovarajuća navigacijska veza je istaknuta. Ponavlja se u cijelom primjeru komponente. Ovdje nastavljamo dodavati još primjeraka kako bismo naglasili pomicanje i isticanje.

Četvrti naslov

Ovo je neki sadržaj za čuvanje mjesta za scrollspy stranicu. Imajte na umu da dok skrolujete prema dolje, odgovarajuća navigacijska veza je istaknuta. Ponavlja se u cijelom primjeru komponente. Ovdje nastavljamo dodavati još primjeraka kako bismo naglasili pomicanje i isticanje.

Peti naslov

Ovo je neki sadržaj za čuvanje mjesta za scrollspy stranicu. Imajte na umu da dok skrolujete prema dolje, odgovarajuća navigacijska veza je istaknuta. Ponavlja se u cijelom primjeru komponente. Ovdje nastavljamo dodavati još primjeraka kako bismo naglasili pomicanje i isticanje.

Spinners

Dokumentacija

Zdravice

Dokumentacija

Alati

Dokumentacija