BootstrapŠpikeris

RTL cheatsheet

Saturs

Tipogrāfija

Dokumentācija

Displejs 1

2. displejs

3. displejs

4. displejs

Displejs 5

Displejs 6

1. virsraksts

2. virsraksts

3. virsraksts

4. virsraksts

5. virsraksts

6. virsraksts

Šī ir vadošā rindkopa. Tas izceļas no parastajām rindkopām.

Varat izmantot atzīmes tagu, laiizcelttekstu.

Šo teksta rindiņu ir paredzēts uzskatīt par dzēstu tekstu.

Šo teksta rindiņu ir paredzēts uzskatīt par neprecīzu.

Šī teksta rindiņa ir uzskatāma par dokumenta papildinājumu.

Šī teksta rindiņa tiks atveidota kā pasvītrota.

Šī teksta rindiņa ir jāuzskata par sīku druku.

Šī rindiņa ir atveidota kā treknrakstā teksts.

Šī rinda tika atveidota kā teksts slīprakstā.

Labi zināms citāts, kas ietverts blockquote elementā.

Kāds slavens avota nosaukumā
  • Šis ir saraksts.
  • Tas šķiet pilnīgi bez stila.
  • Strukturāli tas joprojām ir saraksts.
  • Tomēr šis stils attiecas tikai uz tūlītējiem bērna elementiem.
  • Ligzdoti saraksti:
    • Šis stils tos neietekmē
    • joprojām rādīs lodi
    • un ar atbilstošu kreiso malu
  • Dažās situācijās tas joprojām var noderēt.
  • Šis ir saraksta vienums.
  • Un vēl vienu.
  • Bet tie tiek parādīti iekļauti.

Attēli

Dokumentācija
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

Tabulas

Dokumentācija
# Pirmkārt Pēdējais Rokturis
1 Atzīmēt Otto @mdo
2 Jēkabs Torntons @resns
3 Lerijs Putns @twitter
# Pirmkārt Pēdējais Rokturis
1 Atzīmēt Otto @mdo
2 Jēkabs Torntons @resns
3 Lerijs Putns @twitter
Klase Virsraksts Virsraksts
Noklusējums Šūna Šūna
Primārs Šūna Šūna
Sekundārais Šūna Šūna
Panākumi Šūna Šūna
Briesmas Šūna Šūna
Brīdinājums Šūna Šūna
Informācija Šūna Šūna
Gaisma Šūna Šūna
Tumšs Šūna Šūna
# Pirmkārt Pēdējais Rokturis
1 Atzīmēt Otto @mdo
2 Jēkabs Torntons @resns
3 Lerijs Putns @twitter

Skaitļi

Dokumentācija
Placeholder 400x300
Augšējā attēla paraksts.

Veidlapas

Pārskats

Dokumentācija
Mēs nekad nekopīgosim jūsu e-pastu ar kādu citu.
Radio pogas

Invalīdu formas

Dokumentācija
Atspējotas radio pogas

Izmēru noteikšana

Dokumentācija

Ievades grupa

Dokumentācija
@
@example.com
https://example.com/lietotāji/
$ .00
Ar teksta apgabalu

Validācija

Dokumentācija
Izskatās labi!
Izskatās labi!
@
Lūdzu, izvēlieties lietotājvārdu.
Lūdzu, norādiet derīgu pilsētu.
Lūdzu, atlasiet derīgu štatu.
Lūdzu, norādiet derīgu pasta indeksu.
Pirms iesniegšanas jums ir jāpiekrīt.

Sastāvdaļas

Akordeons

Dokumentācija

Šis ir pirmā priekšmeta akordeona korpuss. Pēc noklusējuma tas ir paslēpts, līdz sabrukšanas spraudnis pievieno atbilstošās klases, kuras mēs izmantojam katra elementa stilam. Šīs klases kontrolē kopējo izskatu, kā arī rādīšanu un slēpšanu, izmantojot CSS pārejas. Varat to mainīt, izmantojot pielāgotu CSS vai ignorējot mūsu noklusējuma mainīgos. Ir arī vērts atzīmēt, ka gandrīz jebkurš HTML var iekļauties .accordion-body, lai gan pāreja ierobežo pārplūdi.

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.

Šis ir trešā priekšmeta akordeona korpuss. Pēc noklusējuma tas ir paslēpts, līdz sabrukšanas spraudnis pievieno atbilstošās klases, kuras mēs izmantojam katra elementa stilam. Šīs klases kontrolē kopējo izskatu, kā arī rādīšanu un slēpšanu, izmantojot CSS pārejas. Varat to mainīt, izmantojot pielāgotu CSS vai ignorējot mūsu noklusējuma mainīgos. Ir arī vērts atzīmēt, ka gandrīz jebkurš HTML var iekļauties .accordion-body, lai gan pāreja ierobežo pārplūdi.

Brīdinājumi

Dokumentācija

Žetons

Dokumentācija

Virsraksta piemērsJauns

Virsraksta piemērsJauns

Virsraksta piemērsJauns

Virsraksta piemērsJauns

Virsraksta piemērsJauns

Virsraksta piemērsJauns

Virsraksta piemērsJauns

Virsraksta piemērsJauns

Primārs Sekundārais Panākumi Briesmas Brīdinājums Informācija Gaisma Tumšs

Pogas

Dokumentācija

Kart

Dokumentācija
Placeholder Image cap
Kartes nosaukums

Daži īsi teksta paraugi, kas jāveido, pamatojoties uz kartītes nosaukumu un veidojot lielāko daļu kartītes satura.

Aizej kaut kur
Piedāvātie
Kartes nosaukums

Daži īsi teksta paraugi, kas jāveido, pamatojoties uz kartītes nosaukumu un veidojot lielāko daļu kartītes satura.

Aizej kaut kur
pirms 2 dienām
Kartes nosaukums

Daži īsi teksta paraugi, kas jāveido, pamatojoties uz kartītes nosaukumu un veidojot lielāko daļu kartītes satura.

  • Lieta
  • Otrs priekšmets
  • Trešais priekšmets
Kartes saite Vēl viena saite
Placeholder Image
Kartes nosaukums

Šī ir plašāka kartīte ar atbalsta tekstu, kas ir dabisks ievads papildu saturam. Šis saturs ir nedaudz garāks.

Pēdējo reizi atjaunināts pirms 3 minūtēm

Saraksta grupa

Dokumentācija
  • Atspējots vienums
  • Otrs priekšmets
  • Trešais priekšmets
  • Ceturtais postenis
  • Un piektais
  • Lieta
  • Otrs priekšmets
  • Trešais priekšmets
  • Ceturtais postenis
  • Un piektais
Vienkāršs noklusējuma saraksta grupas vienums Vienkāršs primārā saraksta grupas vienums Vienkāršs sekundārā saraksta grupas vienums Vienkāršs panākumu saraksta grupas vienums Vienkāršs bīstamības saraksta grupas vienums Vienkāršs brīdinājumu saraksta grupas vienums Vienkāršs informācijas saraksta grupas vienums Vienkāršs gaismas saraksta grupas vienums Vienkāršs tumšā saraksta grupas vienums

Popovers

Dokumentācija

Scrollspy

Dokumentācija

Pirmais virsraksts

Šis ir viettura saturs scrollspy lapai. Ņemiet vērā, ka, ritinot lapu uz leju, tiek iezīmēta atbilstošā navigācijas saite. Tas tiek atkārtots visā komponenta piemērā. Mēs turpinām šeit pievienot vēl dažus piemērus, lai uzsvērtu ritināšanu un izcelšanu.

Otrais virsraksts

Šis ir viettura saturs scrollspy lapai. Ņemiet vērā, ka, ritinot lapu uz leju, tiek iezīmēta atbilstošā navigācijas saite. Tas tiek atkārtots visā komponenta piemērā. Mēs turpinām šeit pievienot vēl dažus piemērus, lai uzsvērtu ritināšanu un izcelšanu.

Trešā virsraksts

Šis ir viettura saturs scrollspy lapai. Ņemiet vērā, ka, ritinot lapu uz leju, tiek iezīmēta atbilstošā navigācijas saite. Tas tiek atkārtots visā komponenta piemērā. Mēs turpinām šeit pievienot vēl dažus piemērus, lai uzsvērtu ritināšanu un izcelšanu.

Ceturtā virsraksts

Šis ir viettura saturs scrollspy lapai. Ņemiet vērā, ka, ritinot lapu uz leju, tiek iezīmēta atbilstošā navigācijas saite. Tas tiek atkārtots visā komponenta piemērā. Mēs turpinām šeit pievienot vēl dažus piemērus, lai uzsvērtu ritināšanu un izcelšanu.

Piektā virsraksts

Šis ir viettura saturs scrollspy lapai. Ņemiet vērā, ka, ritinot lapu uz leju, tiek iezīmēta atbilstošā navigācijas saite. Tas tiek atkārtots visā komponenta piemērā. Mēs turpinām šeit pievienot vēl dažus piemērus, lai uzsvērtu ritināšanu un izcelšanu.

Spinneri

Dokumentācija

Tosti

Dokumentācija

Rīku padomi

Dokumentācija