ബൂട്ട്സ്ട്രാപ്പ്ചീറ്റ്ഷീറ്റ്

RTL ചീറ്റ്ഷീറ്റ്

ഉള്ളടക്കം

ടൈപ്പോഗ്രാഫി

പ്രമാണീകരണം

ഡിസ്പ്ലേ 1

ഡിസ്പ്ലേ 2

ഡിസ്പ്ലേ 3

ഡിസ്പ്ലേ 4

ഡിസ്പ്ലേ 5

ഡിസ്പ്ലേ 6

തലക്കെട്ട് 1

തലക്കെട്ട് 2

തലക്കെട്ട് 3

തലക്കെട്ട് 4

തലക്കെട്ട് 5

തലക്കെട്ട് 6

ഇതൊരു ലീഡ് ഖണ്ഡികയാണ്. ഇത് സാധാരണ ഖണ്ഡികകളിൽ നിന്ന് വേറിട്ടുനിൽക്കുന്നു.

നിങ്ങൾക്ക് അടയാള ടാഗ് ഉപയോഗിക്കാംഹൈലൈറ്റ്വാചകം.

വാചകത്തിന്റെ ഈ വരി ഇല്ലാതാക്കിയ വാചകമായി കണക്കാക്കാൻ ഉദ്ദേശിച്ചുള്ളതാണ്.

ഈ ടെക്‌സ്‌റ്റ് വരി ഇനി കൃത്യമല്ലാത്തതായി കണക്കാക്കാൻ ഉദ്ദേശിച്ചുള്ളതാണ്.

ഈ ടെക്‌സ്‌റ്റ് ലൈൻ ഡോക്യുമെന്റിന്റെ ഒരു കൂട്ടിച്ചേർക്കലായി കണക്കാക്കാൻ ഉദ്ദേശിച്ചുള്ളതാണ്.

ടെക്‌സ്‌റ്റിന്റെ ഈ വരി അടിവരയിട്ടതുപോലെ റെൻഡർ ചെയ്യും.

വാചകത്തിന്റെ ഈ വരി ഫൈൻ പ്രിന്റ് ആയി കണക്കാക്കാൻ ഉദ്ദേശിച്ചുള്ളതാണ്.

ഈ വരി ബോൾഡ് ടെക്‌സ്‌റ്റായി റെൻഡർ ചെയ്‌തു.

ഈ വരി ചെരിഞ്ഞ വാചകമായി റെൻഡർ ചെയ്‌തു.


ഒരു ബ്ലോക്ക്‌ക്വോട്ട് എലമെന്റിൽ അടങ്ങിയിരിക്കുന്ന അറിയപ്പെടുന്ന ഉദ്ധരണി.

ഉറവിട ശീർഷകത്തിൽ പ്രശസ്തനായ ഒരാൾ
  • ഇതൊരു പട്ടികയാണ്.
  • ഇത് പൂർണ്ണമായും ശൈലിയില്ലാത്തതായി തോന്നുന്നു.
  • ഘടനാപരമായി, ഇത് ഇപ്പോഴും ഒരു പട്ടികയാണ്.
  • എന്നിരുന്നാലും, ഈ ശൈലി ഉടനടി ശിശു ഘടകങ്ങൾക്ക് മാത്രമേ ബാധകമാകൂ.
  • നെസ്റ്റഡ് ലിസ്റ്റുകൾ:
    • ഈ ശൈലി ബാധിക്കില്ല
    • ഇനിയും ഒരു ബുള്ളറ്റ് കാണിക്കും
    • ഒപ്പം ഉചിതമായ ഇടത് മാർജിൻ ഉണ്ടായിരിക്കും
  • ചില സാഹചര്യങ്ങളിൽ ഇത് ഇപ്പോഴും ഉപയോഗപ്രദമാകും.
  • ഇതൊരു ലിസ്റ്റ് ഇനമാണ്.
  • ഒപ്പം മറ്റൊന്ന്.
  • എന്നാൽ അവ ഇൻലൈനിൽ പ്രദർശിപ്പിച്ചിരിക്കുന്നു.

ചിത്രങ്ങൾ

പ്രമാണീകരണം
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

പട്ടികകൾ

പ്രമാണീകരണം
# ആദ്യം അവസാനത്തെ കൈകാര്യം ചെയ്യുക
1 അടയാളപ്പെടുത്തുക ഓട്ടോ @mdo
2 ജേക്കബ് തോൺടൺ @കൊഴുപ്പ്
3 ലാറി ദി ബേർഡ് @ട്വിറ്റർ
# ആദ്യം അവസാനത്തെ കൈകാര്യം ചെയ്യുക
1 അടയാളപ്പെടുത്തുക ഓട്ടോ @mdo
2 ജേക്കബ് തോൺടൺ @കൊഴുപ്പ്
3 ലാറി ദി ബേർഡ് @ട്വിറ്റർ
ക്ലാസ് തലക്കെട്ട് തലക്കെട്ട്
സ്ഥിരസ്ഥിതി സെൽ സെൽ
പ്രാഥമികം സെൽ സെൽ
സെക്കൻഡറി സെൽ സെൽ
വിജയം സെൽ സെൽ
അപായം സെൽ സെൽ
മുന്നറിയിപ്പ് സെൽ സെൽ
വിവരം സെൽ സെൽ
വെളിച്ചം സെൽ സെൽ
ഇരുട്ട് സെൽ സെൽ
# ആദ്യം അവസാനത്തെ കൈകാര്യം ചെയ്യുക
1 അടയാളപ്പെടുത്തുക ഓട്ടോ @mdo
2 ജേക്കബ് തോൺടൺ @കൊഴുപ്പ്
3 ലാറി ദി ബേർഡ് @ട്വിറ്റർ

കണക്കുകൾ

പ്രമാണീകരണം
Placeholder 400x300
മുകളിലെ ചിത്രത്തിന് ഒരു അടിക്കുറിപ്പ്.

ഫോമുകൾ

അവലോകനം

പ്രമാണീകരണം
ഞങ്ങൾ ഒരിക്കലും നിങ്ങളുടെ ഇമെയിൽ മറ്റാരുമായും പങ്കിടില്ല.
റേഡിയോ ബട്ടണുകൾ

പ്രവർത്തനരഹിതമാക്കിയ ഫോമുകൾ

പ്രമാണീകരണം
പ്രവർത്തനരഹിതമാക്കിയ റേഡിയോ ബട്ടണുകൾ

വലിപ്പം

പ്രമാണീകരണം

ഇൻപുട്ട് ഗ്രൂപ്പ്

പ്രമാണീകരണം
@
@example.com
https://example.com/users/
$ .00
ടെക്സ്റ്റ് ഏരിയയോടൊപ്പം

മൂല്യനിർണ്ണയം

പ്രമാണീകരണം
നന്നായി തോന്നുന്നു!
നന്നായി തോന്നുന്നു!
@
ദയവായി ഒരു ഉപയോക്തൃനാമം തിരഞ്ഞെടുക്കുക.
ദയവായി ഒരു സാധുവായ നഗരം നൽകുക.
ദയവായി സാധുവായ ഒരു സംസ്ഥാനം തിരഞ്ഞെടുക്കുക.
സാധുവായ ഒരു zip നൽകുക.
സമർപ്പിക്കുന്നതിന് മുമ്പ് നിങ്ങൾ സമ്മതിക്കണം.

ഘടകങ്ങൾ

അക്രോഡിയൻ

പ്രമാണീകരണം

ഇതാണ് ആദ്യത്തെ ഇനത്തിന്റെ അക്രോഡിയൻ ബോഡി. ഓരോ എലമെന്റും സ്റ്റൈൽ ചെയ്യാൻ ഞങ്ങൾ ഉപയോഗിക്കുന്ന ഉചിതമായ ക്ലാസുകൾ പൊളിക്കൽ പ്ലഗിൻ ചേർക്കുന്നത് വരെ ഇത് ഡിഫോൾട്ടായി മറച്ചിരിക്കുന്നു. ഈ ക്ലാസുകൾ മൊത്തത്തിലുള്ള രൂപഭാവവും അതുപോലെ CSS സംക്രമണങ്ങൾ വഴി കാണിക്കുന്നതും മറയ്ക്കുന്നതും നിയന്ത്രിക്കുന്നു. ഇഷ്‌ടാനുസൃത CSS ഉപയോഗിച്ചോ ഞങ്ങളുടെ ഡിഫോൾട്ട് വേരിയബിളുകൾ അസാധുവാക്കുകയോ ചെയ്‌താൽ നിങ്ങൾക്ക് ഇതിലേതെങ്കിലും പരിഷ്‌ക്കരിക്കാം. .accordion-bodyപരിവർത്തനം ഓവർഫ്ലോ പരിമിതപ്പെടുത്തുന്നുണ്ടെങ്കിലും, ഏതാണ്ട് ഏത് HTML-നും ഉള്ളിൽ പോകാനാകുമെന്നതും ശ്രദ്ധിക്കേണ്ടതാണ് .

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.

ഇത് മൂന്നാമത്തെ ഇനത്തിന്റെ അക്രോഡിയൻ ബോഡിയാണ്. ഓരോ എലമെന്റും സ്റ്റൈൽ ചെയ്യാൻ ഞങ്ങൾ ഉപയോഗിക്കുന്ന ഉചിതമായ ക്ലാസുകൾ പൊളിക്കൽ പ്ലഗിൻ ചേർക്കുന്നത് വരെ ഇത് ഡിഫോൾട്ടായി മറച്ചിരിക്കുന്നു. ഈ ക്ലാസുകൾ മൊത്തത്തിലുള്ള രൂപഭാവവും അതുപോലെ CSS സംക്രമണങ്ങൾ വഴി കാണിക്കുന്നതും മറയ്ക്കുന്നതും നിയന്ത്രിക്കുന്നു. ഇഷ്‌ടാനുസൃത CSS ഉപയോഗിച്ചോ ഞങ്ങളുടെ ഡിഫോൾട്ട് വേരിയബിളുകൾ അസാധുവാക്കുകയോ ചെയ്‌താൽ നിങ്ങൾക്ക് ഇതിലേതെങ്കിലും പരിഷ്‌ക്കരിക്കാം. .accordion-bodyപരിവർത്തനം ഓവർഫ്ലോ പരിമിതപ്പെടുത്തുന്നുണ്ടെങ്കിലും, ഏതാണ്ട് ഏത് HTML-നും ഉള്ളിൽ പോകാനാകുമെന്നതും ശ്രദ്ധിക്കേണ്ടതാണ് .

അലേർട്ടുകൾ

പ്രമാണീകരണം

ഉദാഹരണ തലക്കെട്ട്പുതിയത്

ഉദാഹരണ തലക്കെട്ട്പുതിയത്

ഉദാഹരണ തലക്കെട്ട്പുതിയത്

ഉദാഹരണ തലക്കെട്ട്പുതിയത്

ഉദാഹരണ തലക്കെട്ട്പുതിയത്

ഉദാഹരണ തലക്കെട്ട്പുതിയത്

ഉദാഹരണ തലക്കെട്ട്പുതിയത്

ഉദാഹരണ തലക്കെട്ട്പുതിയത്

പ്രാഥമികം സെക്കൻഡറി വിജയം അപായം മുന്നറിയിപ്പ് വിവരം വെളിച്ചം ഇരുട്ട്

ബട്ടണുകൾ

പ്രമാണീകരണം
Placeholder Image cap
കാർഡ് ശീർഷകം

കാർഡ് ശീർഷകത്തിൽ നിർമ്മിക്കാനും കാർഡിന്റെ ഉള്ളടക്കത്തിന്റെ ഭൂരിഭാഗവും നിർമ്മിക്കാനുമുള്ള ചില ദ്രുത ഉദാഹരണ വാചകം.

എവിടെയെങ്കിലും പോകൂ
ഫീച്ചർ ചെയ്തു
കാർഡ് ശീർഷകം

കാർഡ് ശീർഷകത്തിൽ നിർമ്മിക്കാനും കാർഡിന്റെ ഉള്ളടക്കത്തിന്റെ ഭൂരിഭാഗവും നിർമ്മിക്കാനുമുള്ള ചില ദ്രുത ഉദാഹരണ വാചകം.

എവിടെയെങ്കിലും പോകൂ
കാർഡ് ശീർഷകം

കാർഡ് ശീർഷകത്തിൽ നിർമ്മിക്കാനും കാർഡിന്റെ ഉള്ളടക്കത്തിന്റെ ഭൂരിഭാഗവും നിർമ്മിക്കാനുമുള്ള ചില ദ്രുത ഉദാഹരണ വാചകം.

  • ഒരു ഇനം
  • രണ്ടാമത്തെ ഇനം
  • മൂന്നാമത്തെ ഇനം
Placeholder Image
കാർഡ് ശീർഷകം

അധിക ഉള്ളടക്കത്തിലേക്കുള്ള സ്വാഭാവിക ലീഡ്-ഇൻ എന്ന നിലയിൽ താഴെയുള്ള പിന്തുണയുള്ള ടെക്‌സ്‌റ്റുള്ള വിശാലമായ കാർഡാണിത്. ഈ ഉള്ളടക്കം അൽപ്പം ദൈർഘ്യമേറിയതാണ്.

3 മിനിറ്റ് മുമ്പ് അവസാനം അപ്ഡേറ്റ് ചെയ്തത്

ലിസ്റ്റ് ഗ്രൂപ്പ്

പ്രമാണീകരണം
  • പ്രവർത്തനരഹിതമാക്കിയ ഒരു ഇനം
  • രണ്ടാമത്തെ ഇനം
  • മൂന്നാമത്തെ ഇനം
  • നാലാമത്തെ ഇനം
  • ഒപ്പം അഞ്ചാമത്തേതും
  • ഒരു ഇനം
  • രണ്ടാമത്തെ ഇനം
  • മൂന്നാമത്തെ ഇനം
  • നാലാമത്തെ ഇനം
  • ഒപ്പം അഞ്ചാമത്തേതും

പോപോവറുകൾ

പ്രമാണീകരണം

സ്ക്രോൾസ്പി

പ്രമാണീകരണം

ആദ്യ തലക്കെട്ട്

സ്ക്രോൾസ്പൈ പേജിനുള്ള ചില പ്ലെയ്‌സ്‌ഹോൾഡർ ഉള്ളടക്കമാണിത്. നിങ്ങൾ പേജ് താഴേക്ക് സ്ക്രോൾ ചെയ്യുമ്പോൾ, ഉചിതമായ നാവിഗേഷൻ ലിങ്ക് ഹൈലൈറ്റ് ചെയ്യപ്പെടുമെന്നത് ശ്രദ്ധിക്കുക. ഘടക ഉദാഹരണത്തിലുടനീളം ഇത് ആവർത്തിക്കുന്നു. സ്ക്രോളിംഗും ഹൈലൈറ്റിംഗും ഊന്നിപ്പറയുന്നതിന് ഞങ്ങൾ ചില ഉദാഹരണങ്ങൾ ഇവിടെ ചേർക്കുന്നത് തുടരുന്നു.

രണ്ടാമത്തെ തലക്കെട്ട്

സ്ക്രോൾസ്പൈ പേജിനുള്ള ചില പ്ലെയ്‌സ്‌ഹോൾഡർ ഉള്ളടക്കമാണിത്. നിങ്ങൾ പേജ് താഴേക്ക് സ്ക്രോൾ ചെയ്യുമ്പോൾ, ഉചിതമായ നാവിഗേഷൻ ലിങ്ക് ഹൈലൈറ്റ് ചെയ്യപ്പെടുമെന്നത് ശ്രദ്ധിക്കുക. ഘടക ഉദാഹരണത്തിലുടനീളം ഇത് ആവർത്തിക്കുന്നു. സ്ക്രോളിംഗും ഹൈലൈറ്റിംഗും ഊന്നിപ്പറയുന്നതിന് ഞങ്ങൾ ചില ഉദാഹരണങ്ങൾ ഇവിടെ ചേർക്കുന്നത് തുടരുന്നു.

മൂന്നാമത്തെ തലക്കെട്ട്

സ്ക്രോൾസ്പൈ പേജിനുള്ള ചില പ്ലെയ്‌സ്‌ഹോൾഡർ ഉള്ളടക്കമാണിത്. നിങ്ങൾ പേജ് താഴേക്ക് സ്ക്രോൾ ചെയ്യുമ്പോൾ, ഉചിതമായ നാവിഗേഷൻ ലിങ്ക് ഹൈലൈറ്റ് ചെയ്യപ്പെടുമെന്നത് ശ്രദ്ധിക്കുക. ഘടക ഉദാഹരണത്തിലുടനീളം ഇത് ആവർത്തിക്കുന്നു. സ്ക്രോളിംഗും ഹൈലൈറ്റിംഗും ഊന്നിപ്പറയുന്നതിന് ഞങ്ങൾ ചില ഉദാഹരണങ്ങൾ ഇവിടെ ചേർക്കുന്നത് തുടരുന്നു.

നാലാമത്തെ തലക്കെട്ട്

സ്ക്രോൾസ്പൈ പേജിനുള്ള ചില പ്ലെയ്‌സ്‌ഹോൾഡർ ഉള്ളടക്കമാണിത്. നിങ്ങൾ പേജ് താഴേക്ക് സ്ക്രോൾ ചെയ്യുമ്പോൾ, ഉചിതമായ നാവിഗേഷൻ ലിങ്ക് ഹൈലൈറ്റ് ചെയ്യപ്പെടുമെന്നത് ശ്രദ്ധിക്കുക. ഘടക ഉദാഹരണത്തിലുടനീളം ഇത് ആവർത്തിക്കുന്നു. സ്ക്രോളിംഗും ഹൈലൈറ്റിംഗും ഊന്നിപ്പറയുന്നതിന് ഞങ്ങൾ ചില ഉദാഹരണങ്ങൾ ഇവിടെ ചേർക്കുന്നത് തുടരുന്നു.

അഞ്ചാമത്തെ തലക്കെട്ട്

സ്ക്രോൾസ്പൈ പേജിനുള്ള ചില പ്ലെയ്‌സ്‌ഹോൾഡർ ഉള്ളടക്കമാണിത്. നിങ്ങൾ പേജ് താഴേക്ക് സ്ക്രോൾ ചെയ്യുമ്പോൾ, ഉചിതമായ നാവിഗേഷൻ ലിങ്ക് ഹൈലൈറ്റ് ചെയ്യപ്പെടുമെന്നത് ശ്രദ്ധിക്കുക. ഘടക ഉദാഹരണത്തിലുടനീളം ഇത് ആവർത്തിക്കുന്നു. സ്ക്രോളിംഗും ഹൈലൈറ്റിംഗും ഊന്നിപ്പറയുന്നതിന് ഞങ്ങൾ ചില ഉദാഹരണങ്ങൾ ഇവിടെ ചേർക്കുന്നത് തുടരുന്നു.

സ്പിന്നർമാർ

പ്രമാണീകരണം
ലോഡിംഗ്...
ലോഡിംഗ്...
ലോഡിംഗ്...
ലോഡിംഗ്...
ലോഡിംഗ്...
ലോഡിംഗ്...
ലോഡിംഗ്...
ലോഡിംഗ്...
ലോഡിംഗ്...
ലോഡിംഗ്...
ലോഡിംഗ്...
ലോഡിംഗ്...
ലോഡിംഗ്...
ലോഡിംഗ്...
ലോഡിംഗ്...
ലോഡിംഗ്...

ടോസ്റ്റുകൾ

പ്രമാണീകരണം

ടൂൾടിപ്പുകൾ

പ്രമാണീകരണം