BootstrapCheatsheet

Cheatsheet RTL

Cuprins

Tipografie

Documentație

Afișajul 1

Afișajul 2

Afișajul 3

Afișajul 4

Afișajul 5

Afișajul 6

Titlul 1

Titlul 2

Titlul 3

Titlul 4

Titlul 5

Titlul 6

Acesta este un paragraf principal. Se evidențiază din paragrafele obișnuite.

Puteți utiliza eticheta mark pentrua scoate in evidentatext.

Această linie de text este menită să fie tratată ca text șters.

Această linie de text este menită să fie tratată ca nemaifiind exactă.

Această linie de text este menită să fie tratată ca o completare la document.

Această linie de text va fi redată subliniată.

Această linie de text este menită să fie tratată ca litere mici.

Această linie este redată ca text aldine.

Această linie este redată ca text cu caractere italice.

Un citat binecunoscut, conținut într-un element blockquote.

Cineva celebru în Titlul sursă
  • Aceasta este o listă.
  • Pare complet nestilizat.
  • Din punct de vedere structural, este încă o listă.
  • Cu toate acestea, acest stil se aplică doar elementelor secundare imediate.
  • Liste imbricate:
    • nu sunt afectate de acest stil
    • va arăta în continuare un glonț
    • și au marginea stângă corespunzătoare
  • Acest lucru poate fi încă util în unele situații.
  • Acesta este un articol din listă.
  • Si inca una.
  • Dar sunt afișate în linie.

Imagini

Documentație
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

Mese

Documentație
# Primul Ultimul Mâner
1 marcă Otto @mdo
2 Iacov Thornton @gras
3 Larry pasărea @stare de nervozitate
# Primul Ultimul Mâner
1 marcă Otto @mdo
2 Iacov Thornton @gras
3 Larry pasărea @stare de nervozitate
Clasă Titlu Titlu
Mod implicit Celulă Celulă
Primar Celulă Celulă
Secundar Celulă Celulă
Succes Celulă Celulă
Pericol Celulă Celulă
Avertizare Celulă Celulă
Info Celulă Celulă
Ușoară Celulă Celulă
Întuneric Celulă Celulă
# Primul Ultimul Mâner
1 marcă Otto @mdo
2 Iacov Thornton @gras
3 Larry pasărea @stare de nervozitate

Cifre

Documentație
Placeholder 400x300
O legenda pentru imaginea de mai sus.

Forme

Prezentare generală

Documentație
Nu vom împărtăși niciodată e-mailul tău cu nimeni altcineva.
Butoane radio

Formulare dezactivate

Documentație
Butoane radio dezactivate

Dimensiunea

Documentație

Grup de intrare

Documentație
@
@example.com
https://example.com/users/
$ .00
Cu textarea

Validare

Documentație
Arata bine!
Arata bine!
@
Vă rugăm să alegeți un nume de utilizator.
Vă rugăm să furnizați un oraș valid.
Vă rugăm să selectați o stare validă.
Vă rugăm să furnizați un zip valid.
Trebuie să fiți de acord înainte de a trimite.

Componente

Acordeon

Documentație

Acesta este corpul acordeonului primului articol. Este ascuns în mod implicit, până când pluginul collapse adaugă clasele adecvate pe care le folosim pentru a stila fiecare element. Aceste clase controlează aspectul general, precum și afișarea și ascunderea prin tranziții CSS. Puteți modifica oricare dintre acestea cu CSS personalizat sau suprascriind variabilele noastre implicite. De asemenea, merită remarcat faptul că aproape orice HTML poate intra în .accordion-body, deși tranziția limitează depășirea.

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.

Acesta este corpul acordeonului celui de-al treilea articol. Este ascuns în mod implicit, până când pluginul collapse adaugă clasele adecvate pe care le folosim pentru a stila fiecare element. Aceste clase controlează aspectul general, precum și afișarea și ascunderea prin tranziții CSS. Puteți modifica oricare dintre acestea cu CSS personalizat sau suprascriind variabilele noastre implicite. De asemenea, merită remarcat faptul că aproape orice HTML poate intra în .accordion-body, deși tranziția limitează depășirea.

Alerte

Documentație

Insigna

Documentație

Exemplu de titluNou

Exemplu de titluNou

Exemplu de titluNou

Exemplu de titluNou

Exemplu de titluNou

Exemplu de titluNou

Exemplu de titluNou

Exemplu de titluNou

Primar Secundar Succes Pericol Avertizare Info Ușoară Întuneric

Butoane

Documentație

Card

Documentație
Placeholder Image cap
Titlul cardului

Câteva exemple de text rapid care să se bazeze pe titlul cardului și să alcătuiască cea mai mare parte a conținutului cardului.

Mergi undeva
Recomandate
Titlul cardului

Câteva exemple de text rapid care să se bazeze pe titlul cardului și să alcătuiască cea mai mare parte a conținutului cardului.

Mergi undeva
2 zile în urmă
Titlul cardului

Câteva exemple de text rapid care să se bazeze pe titlul cardului și să alcătuiască cea mai mare parte a conținutului cardului.

  • Un obiect
  • Un al doilea articol
  • Un al treilea articol
Link card Un alt link
Placeholder Image
Titlul cardului

Acesta este un card mai larg, cu text de sprijin de mai jos, ca o introducere naturală la conținut suplimentar. Acest conținut este puțin mai lung.

Ultima actualizare acum 3 minute

Lista grupului

Documentație
  • Un articol dezactivat
  • Un al doilea articol
  • Un al treilea articol
  • Un al patrulea articol
  • Și un al cincilea
  • Un obiect
  • Un al doilea articol
  • Un al treilea articol
  • Un al patrulea articol
  • Și un al cincilea
Un element simplu de grup de listă implicit Un element simplu de grup de listă primară Un simplu element secundar de grup de listă Un element simplu de grup din lista de succes Un element simplu de grup din lista de pericole Un element simplu de grup din lista de avertizare Un element simplu de grup din lista de informații Un simplu element de grup de listă luminoasă Un simplu element de grup din lista întunecată

Popovers

Documentație

Scrollspy

Documentație

Primul titlu

Acesta este un conținut substituent pentru pagina scrollspy. Rețineți că pe măsură ce derulați în jos în pagină, linkul de navigare corespunzător este evidențiat. Se repetă în întregul exemplu de componentă. Continuăm să adăugăm câteva exemple de copie aici pentru a sublinia derularea și evidențierea.

Al doilea titlu

Acesta este un conținut substituent pentru pagina scrollspy. Rețineți că pe măsură ce derulați în jos în pagină, linkul de navigare corespunzător este evidențiat. Se repetă în întregul exemplu de componentă. Continuăm să adăugăm câteva exemple de copie aici pentru a sublinia derularea și evidențierea.

Al treilea titlu

Acesta este un conținut substituent pentru pagina scrollspy. Rețineți că pe măsură ce derulați în jos în pagină, linkul de navigare corespunzător este evidențiat. Se repetă în întregul exemplu de componentă. Continuăm să adăugăm câteva exemple de copie aici pentru a sublinia derularea și evidențierea.

Al patrulea titlu

Acesta este un conținut substituent pentru pagina scrollspy. Rețineți că pe măsură ce derulați în jos în pagină, linkul de navigare corespunzător este evidențiat. Se repetă în întregul exemplu de componentă. Continuăm să adăugăm câteva exemple de copie aici pentru a sublinia derularea și evidențierea.

Al cincilea titlu

Acesta este un conținut substituent pentru pagina scrollspy. Rețineți că pe măsură ce derulați în jos în pagină, linkul de navigare corespunzător este evidențiat. Se repetă în întregul exemplu de componentă. Continuăm să adăugăm câteva exemple de copie aici pentru a sublinia derularea și evidențierea.

Spineri

Documentație

Pâine prăjită

Documentație

Sfaturi instrumente

Documentație