പ്രധാന ഉള്ളടക്കത്തിലേക്ക് പോകുക
Bootstrap 4-ന്റെ ഒരു പുതിയ പതിപ്പുണ്ട്!

ഉദാഹരണങ്ങൾ

ചട്ടക്കൂടിന്റെ ഭാഗങ്ങൾ ഉപയോഗിക്കുന്നത് മുതൽ ഇഷ്‌ടാനുസൃത ഘടകങ്ങളും ലേഔട്ടുകളും വരെയുള്ള ഞങ്ങളുടെ ഏതെങ്കിലും ഉദാഹരണങ്ങൾ ഉപയോഗിച്ച് ഒരു പ്രോജക്റ്റ് വേഗത്തിൽ ആരംഭിക്കുക.

സോഴ്സ് കോഡ് ഡൗൺലോഡ് ചെയ്യുക

ഇഷ്ടാനുസൃത ഘടകങ്ങൾ

ബൂട്ട്‌സ്‌ട്രാപ്പ് ഉപയോഗിച്ച് വേഗത്തിൽ ആരംഭിക്കാനും ചട്ടക്കൂടിലേക്ക് ചേർക്കുന്നതിനുള്ള മികച്ച രീതികൾ പ്രകടിപ്പിക്കാനും ആളുകളെ സഹായിക്കുന്നതിന് പുതിയ ഘടകങ്ങളും ടെംപ്ലേറ്റുകളും.

ആൽബം സ്ക്രീൻഷോട്ട്
ആൽബം

ഫോട്ടോ ഗാലറികൾ, പോർട്ട്‌ഫോളിയോകൾ എന്നിവയ്‌ക്കും അതിലേറെ കാര്യങ്ങൾക്കുമുള്ള ലളിതമായ ഒരു പേജ് ടെംപ്ലേറ്റ്.

വിലനിർണ്ണയ സ്ക്രീൻഷോട്ട്
വിലനിർണ്ണയം

കാർഡുകൾ ഉപയോഗിച്ച് നിർമ്മിച്ചതും ഇഷ്‌ടാനുസൃത തലക്കെട്ടും അടിക്കുറിപ്പും ഫീച്ചർ ചെയ്യുന്നതുമായ ഉദാഹരണ വിലനിർണ്ണയ പേജ്.

ചെക്ക്ഔട്ട് സ്ക്രീൻഷോട്ട്
ചെക്ക് ഔട്ട്

ഞങ്ങളുടെ ഫോം ഘടകങ്ങളും അവയുടെ മൂല്യനിർണ്ണയ സവിശേഷതകളും കാണിക്കുന്ന ഇഷ്‌ടാനുസൃത ചെക്ക്ഔട്ട് ഫോം.

ഉൽപ്പന്ന സ്ക്രീൻഷോട്ട്
ഉൽപ്പന്നം

വിപുലമായ ഗ്രിഡും ഇമേജ് വർക്കും ഉള്ള മെലിഞ്ഞ ഉൽപ്പന്ന കേന്ദ്രീകൃത മാർക്കറ്റിംഗ് പേജ്.

കവർ സ്ക്രീൻഷോട്ട്
മൂടുക

ലളിതവും മനോഹരവുമായ ഹോം പേജുകൾ നിർമ്മിക്കുന്നതിനുള്ള ഒരു പേജ് ടെംപ്ലേറ്റ്.

കറൗസൽ സ്ക്രീൻഷോട്ട്
കറൗസൽ

നവബാറും കറൗസലും ഇഷ്‌ടാനുസൃതമാക്കുക, തുടർന്ന് ചില പുതിയ ഘടകങ്ങൾ ചേർക്കുക.

ബ്ലോഗ് സ്ക്രീൻഷോട്ട്
ബ്ലോഗ്

തലക്കെട്ടും നാവിഗേഷനും ഫീച്ചർ ചെയ്ത ഉള്ളടക്കവും ഉള്ള ബ്ലോഗ് ടെംപ്ലേറ്റ് പോലെയുള്ള മാഗസിൻ.

ഡാഷ്ബോർഡ് സ്ക്രീൻഷോട്ട്
ഡാഷ്ബോർഡ്

നിശ്ചിത സൈഡ്‌ബാറും നവബാറും ഉള്ള അടിസ്ഥാന അഡ്മിൻ ഡാഷ്‌ബോർഡ് ഷെൽ.

സൈൻ ഇൻ സ്ക്രീൻഷോട്ട്
സൈൻ ഇൻ

ഇഷ്‌ടാനുസൃത ഫോം ലേഔട്ടും രൂപകൽപനയും ലളിതമായ ഒരു സൈൻ ഇൻ ഫോമിനായി.

സ്റ്റിക്കി ഫൂട്ടർ സ്ക്രീൻഷോട്ട്
സ്റ്റിക്കി ഫൂട്ടർ

പേജ് ഉള്ളടക്കം ചെറുതായിരിക്കുമ്പോൾ വ്യൂപോർട്ടിന്റെ അടിയിൽ ഒരു അടിക്കുറിപ്പ് അറ്റാച്ചുചെയ്യുക.

സ്റ്റിക്കി ഫൂട്ടർ navbar സ്ക്രീൻഷോട്ട്
സ്റ്റിക്കി ഫൂട്ടർ നവബാർ

ഒരു നിശ്ചിത ടോപ്പ് നാവ്ബാർ ഉപയോഗിച്ച് വ്യൂപോർട്ടിന്റെ അടിയിൽ ഒരു അടിക്കുറിപ്പ് അറ്റാച്ചുചെയ്യുക.

ചട്ടക്കൂട്

ബൂട്ട്സ്ട്രാപ്പ് നൽകുന്ന ബിൽറ്റ്-ഇൻ ഘടകങ്ങളുടെ ഉപയോഗങ്ങൾ നടപ്പിലാക്കുന്നതിൽ ശ്രദ്ധ കേന്ദ്രീകരിക്കുന്ന ഉദാഹരണങ്ങൾ.

സ്റ്റാർട്ടർ ടെംപ്ലേറ്റ് സ്ക്രീൻഷോട്ട്
സ്റ്റാർട്ടർ ടെംപ്ലേറ്റ്

അടിസ്ഥാനകാര്യങ്ങളല്ലാതെ മറ്റൊന്നുമില്ല: സമാഹരിച്ച CSS ഉം JavaScript ഉം.

ഗ്രിഡ് സ്ക്രീൻഷോട്ട്
ഗ്രിഡ്

നാല് ടയറുകളുള്ള ഗ്രിഡ് ലേഔട്ടുകളുടെ ഒന്നിലധികം ഉദാഹരണങ്ങൾ, നെസ്റ്റിംഗ് എന്നിവയും മറ്റും.

ജംബോട്രോൺ സ്ക്രീൻഷോട്ട്
ജംബോട്രോൺ

ഒരു നവബാറും ചില അടിസ്ഥാന ഗ്രിഡ് കോളങ്ങളും ഉപയോഗിച്ച് ജംബോട്രോണിന് ചുറ്റും നിർമ്മിക്കുക.

ഡിഫോൾട്ട് നാവ്ബാർ ഘടകം എടുത്ത് അത് എങ്ങനെ നീക്കാനും സ്ഥാപിക്കാനും വിപുലീകരിക്കാനും കഴിയുമെന്ന് കാണിക്കുന്നു.

Navbars സ്ക്രീൻഷോട്ട്
നവബാറുകൾ

നവ്‌ബാറിനായുള്ള എല്ലാ പ്രതികരണ, കണ്ടെയ്‌നർ ഓപ്ഷനുകളുടെയും പ്രദർശനം.

നവബാർ സ്റ്റാറ്റിക് സ്ക്രീൻഷോട്ട്
നവബാർ സ്റ്റാറ്റിക്

ചില അധിക ഉള്ളടക്കങ്ങൾക്കൊപ്പം ഒരു സ്റ്റാറ്റിക് ടോപ്പ് നാവ്ബാറിന്റെ സിംഗിൾ നാവ്ബാർ ഉദാഹരണം.

Navbar ഫിക്സഡ് സ്ക്രീൻഷോട്ട്
നവബാർ ഉറപ്പിച്ചു

ചില അധിക ഉള്ളടക്കങ്ങൾക്കൊപ്പം ഫിക്സഡ് ടോപ്പ് നാവ്ബാറുള്ള സിംഗിൾ നാവ്ബാർ ഉദാഹരണം.

Navbar താഴത്തെ സ്ക്രീൻഷോട്ട്
നവബാർ അടിഭാഗം

ചില അധിക ഉള്ളടക്കത്തോടൊപ്പം താഴെയുള്ള നാവ്ബാറോടുകൂടിയ ഒറ്റ നാവ്ബാർ ഉദാഹരണം.

പരീക്ഷണങ്ങൾ

ഭാവി സൗഹൃദ ഫീച്ചറുകളിലോ സാങ്കേതികതകളിലോ ശ്രദ്ധ കേന്ദ്രീകരിക്കുന്ന ഉദാഹരണങ്ങൾ.

ഫ്ലോട്ടിംഗ് ലേബലുകളുടെ സ്ക്രീൻഷോട്ട്
ഫ്ലോട്ടിംഗ് ലേബലുകൾ

നിങ്ങളുടെ ഇൻപുട്ടുകൾക്ക് മുകളിൽ ഫ്ലോട്ടിംഗ് ലേബലുകൾ ഉള്ള മനോഹരമായ ലളിതമായ ഫോമുകൾ.

ഓഫ്കാൻവാസ് സ്ക്രീൻഷോട്ട്
ഓഫ്കാൻവാസ്

നിങ്ങളുടെ വിപുലീകരിക്കാവുന്ന നാവ്ബാർ ഒരു സ്ലൈഡിംഗ് ഓഫ്കാൻവാസ് മെനുവാക്കി മാറ്റുക.