ദ്രുപാൽ ആയുള്ള Twitter Bootstrap തീം ഉപയോഗിച്ച്

ഒരു ദ്രുപാൽ വിഷയത്തിൽ ബൂട്ട്സ്ട്രാപ്പ് ഫ്രെയിംവർക്ക് ലഭ്യമാക്കുക

ട്വിറ്റർ നിർമ്മിച്ച, ജനപ്രീതിയാർജ്ജിച്ച ജനകീയമായ ഒരു ചട്ടക്കൂടാണ് ബൂട്ട്സ്ട്രോപ്പ്. ദ്രുപാൽ രൂപകൽപന ചെയ്യുമ്പോൾ, നിങ്ങളുടെ ദ്രുപാൽ വെബ്സൈറ്റിൽ നിങ്ങൾക്ക് ആ അധികാരം നേടാനും (നിലനിർത്താനും കഴിയും). സുഗമമായ ബട്ടണുകൾ, ശൈലിയിലുള്ള ഫോമുകൾ, ജമ്പോട്രോൺസ് എന്നിവയും അതിൽ കൂടുതലും ചേർക്കുന്നതിന് നിങ്ങളുടെ സൈറ്റ് കുറച്ച് ബ്ളീഡിനെ സ്പോർട് ചെയ്യുന്നതുവരെ സജ്ജമാക്കുക!

എന്താണ് ബൂട്ട്സ്ട്രാപ്പ് ഫ്രെയിംവർക്ക്?

നിങ്ങളുടെ വെബ്സൈറ്റിലേക്ക് സുന്ദരവും കൂടാതെ / അല്ലെങ്കിൽ ഉപയോഗപ്രദവുമായ കാര്യങ്ങൾ ചേർക്കാൻ എളുപ്പമാക്കുന്ന CSS- ഉം Javascript- ന്റെയും ഒരു ശേഖരമാണ് ബൂട്ട്സ്ട്രാപ്പ്. ഈ ലിസ്റ്റിൽ മനോഹരമായി കാണുന്ന ബട്ടണുകളും "ബാഡ്ജുകൾ" ഉള്ള ലിസ്റ്റുകളും "കിണറുകൾ" ഇൻസറ്റ് ചെയ്യുക ഒപ്പം അതിൽ കൂടുതലും ഉൾപ്പെടുന്നു.

ബ്ലഡിനുമപ്പുറം, നിങ്ങളുടെ ബോസ് ഫോണിൽ ഫോൺ തുറക്കുമ്പോൾ അത് പൂർണ്ണമായും തകർക്കാൻ കഴിയാത്ത ഒരു സൈറ്റ് രൂപകൽപ്പന ചെയ്യാൻ സഹായിക്കുന്ന ഗുരുതരമായ പ്രതികരിക്കാൻ പവർ ഉപയോഗിക്കും.

ഈ കോഡുകളെല്ലാം തന്നെ എഴുതുന്നതിനു പകരം, നിങ്ങൾ ഘടിപ്പിച്ചിട്ടുള്ള CSS ക്ലാസ്സുകളും HTML ഘടകങ്ങളും ഉപയോഗിക്കും. നിങ്ങൾക്ക് ഒരു നല്ല ലേബൽ വേണമെങ്കിൽ, നിങ്ങൾ ക്ലാസ് ലേബൽ ചേർക്കുക. ഇതുപോലെ:

പ്രെറ്റി ലേബൽ നോക്കുക.

ഡ്രൂപ്പലുമായി ഒരു ബന്ധിപ്പിക്കലും ബൂട്ട്സ്ട്രാപ്പ് ഇല്ല. ജ്യോതി ഉപയോഗിച്ച് സമ്പർക്കം പുലർത്തുന്ന ഒരു CMS ഉപയോഗിച്ചും നിങ്ങൾക്ക് ഇത് ഉപയോഗിക്കാം (താഴെ കാണുക), അല്ലെങ്കിൽ ഒരു സ്റ്റാറ്റിക്ക് HTML വെബ്സൈറ്റ് പോലും.

ദ്രുപാൽ തയ്യാറാക്കുന്നതിനുള്ള ബൂട്ട്സ്ട്രുമെന്റ് തീം എന്താണ്?

ദ്രുപലിക എന്നതിനുള്ള ബൂട്ട്സ്ട്രോപ്പ് തീം നിങ്ങളുടെ വെബ്സൈറ്റിൽ ഉപയോഗിക്കാൻ എളുപ്പമുളളതാക്കുന്നു. ഈ തീം ഡൌൺലോഡ് ചെയ്ത് നിങ്ങളുടെ സ്ഥിരസ്ഥിതിയായി സജ്ജമാക്കുക.

യഥാർത്ഥത്തിൽ, നിങ്ങളുടെ സ്വന്തം ഉപ്ടേമെയിയുടെ അടിസ്ഥാന തീമിയാകാൻ ഒരുപക്ഷേ നിങ്ങളുടെ ബ്രൌസർ തീം ഉപയോഗിക്കാനാഗ്രഹിക്കുന്നു. എന്നിരുന്നാലും, ഇത് ഒരു കോഡ് ലൈൻ ഇല്ലാതെ നിങ്ങൾക്ക് തൃപ്തികരമായി ഇഷ്ടാനുസൃതമാക്കാൻ കഴിയുന്ന തരത്തിൽ വിപുലമായ അഡ്മിനിസ്ട്രേഷൻ സ്ക്രീനുകൾ വാഗ്ദാനം ചെയ്യുന്നു എന്നത് ശരിയാണ്.

ബൂട്ട്സ്ട്രാപ്പ് ജാവാസ്ക്രിപ്റ്റ് ലൈബ്രറി ആശ്രയിച്ചിരിക്കുന്നു. നിങ്ങൾക്ക് ആവശ്യമുള്ള പതിപ്പ് ലഭിക്കുന്നതിന് നിങ്ങൾക്ക് jQuery അപ്ഡേറ്റ് മൊഡ്യൂൾ ഇൻസ്റ്റാൾ ചെയ്യുകയും വേണം. നിങ്ങളുടെ സൈറ്റിലെ മറ്റേതെങ്കിലും മൊഡ്യൂളുകൾ j క్వెరీ ഉപയോഗിച്ചാൽ, ജാഗ്രത പുലർത്തുക - അവ ഒരു പുതിയ പതിപ്പിന്റെ സഹായത്തോടെ പ്രവർത്തിക്കുന്നില്ല.

ഈ തീമിനായി ഡോക്യുമെന്റേഷൻ വായിക്കുകയും നിങ്ങൾ കൂടുതൽ അധിക നടപടികൾ സ്വീകരിക്കേണ്ടതില്ലെന്ന് ഉറപ്പുവരുത്തുകയും വേണം. പക്ഷെ അത് ഇപ്പോഴും വളരെ എളുപ്പമാണ്.

ഡ്രൂപ്പലിലെ ബൂട്ട്സ്ട്രാപ്പ് ഉപയോഗിക്കുന്നതിന് നിങ്ങൾക്ക് ബൂട്ട്സ്ട്രാപ്പ് തീം ഉപയോഗിക്കാം

ബൂട്ട്സ്ട്രാപ്പ് ഫ്രെയിംവർക്സ് സിഎസ്എസും ജാവസ്ക്രിപ്റ്റും ആയതിനാൽ, നിങ്ങൾക്ക് ബൂട്ട്സ്ട്രാപ്പ് തീം ഉപയോഗിക്കേണ്ടതില്ല. നിങ്ങൾക്ക് സ്വമേധയാ ബൂട്ട്ലോഡൽ ലൈബ്രറി ഡൌൺലോഡ് ചെയ്ത് നിങ്ങളുടെ തീം ടെംപ്ലേറ്റുകളിൽ ലിങ്ക് ചെയ്യാൻ കഴിയും.

എന്നിരുന്നാലും, നിങ്ങളുമായുള്ള ഈ ട്യൂഡിയം ഇതിനകം തന്നെ ബൂട്ട്സ്ട്രാപ്പ് തീം ചെയ്തിട്ടുണ്ട്. ഇത് ദ്രുപാൽ അഡ്മിൻ സ്ക്രീനുകളിലേക്ക് വിവിധ തരത്തിലുള്ള ബൂട്ട്സ്ട്രാപ്പുകളുമായി സംയോജിപ്പിച്ചിരിക്കുന്നു. കോഡിങിനായി ക്ലിക്കുചെയ്യാൻ നിങ്ങൾ ഇഷ്ടപ്പെടുന്നെങ്കിൽ, ഈ തീം നിങ്ങളുടെ ജീവിതം കൂടുതൽ എളുപ്പമാക്കുന്നു.

ഉപയോഗിക്കുന്നതിനുള്ള ഏത് പൂറ്ണ്ണ പതിപ്പിന്റെയും തിരഞ്ഞെടുക്കുക

നിങ്ങൾ ഈ തീം ഡൌൺലോഡ് ചെയ്യുന്നതിനു മുമ്പ്, പ്രോജക്ട് പേജ് വായിക്കുകയും നിങ്ങൾ ഡൌൺലോഡ് ചെയ്യേണ്ട പതിപ്പ് നിങ്ങൾക്കറിയാമെന്ന് ഉറപ്പുവരുത്തുക. വ്യത്യസ്ത പതിപ്പുകൾ വ്യത്യസ്ത തരത്തിലുള്ളതുമാണ്.

ഉദാഹരണത്തിന്, ബൂട്ട്സ്ട്രോക്കിന് തീസിനായി 7.x-2.2 പുറത്തിറക്കിയത് 2.3.2 ലാപ്ടോപ്പിനുള്ള അവസാനത്തെ പിന്തുണയായിരുന്നു. ഈ രചനയുടെ ഭാഗമായി ബൂട്ട്സ്ട്രോപ്പ് തീം സ്ഥിരതയുള്ള പതിപ്പ് 7.x-3.0 ആണ്, ഇത് ബൂട്ട്സ്ട്രാപ്പ് 3 ൽ പ്രവർത്തിക്കുന്നു.

ബൂട്ട്സ്ട്രോപ്പ് തീം ഡവലപ്പർമാർ അവരുടെ പ്രധാന പതിപ്പ് നമ്പറുകൾ എങ്ങനെ ബൂട്ട് ചെയ്യാമെന്നത് ശ്രദ്ധിക്കുക. 7.x-2.x റിലീസുകൾ പൂറ്ണ്ണ 2-നും 7.x-3.x റിലീസുകൾക്കുളളതാണ്.

ബൂട്ട്സ്ട്രാപ്പ് 2 ഉം ബൂട്ട്സ്ട്രാപ്പ് 3 ഉം ഏറെക്കുറെ സമാനമാണ്. തെറ്റായ പതിപ്പിന്റെ പ്രാമാണീകരണം വായിക്കാതെ അത് വായിക്കാൻ എളുപ്പമാണ്.

നിങ്ങൾക്കു് ഏറ്റവും പുതിയ പതിപ്പിനു് ഉപയോഗിക്കാവുന്നതാണു് എങ്കിലുമുണ്ടെങ്കിൽ, ബൂട്ട്സ്ട്രോജിനു് 3-ൽ ആവശ്യമുള്ളപ്പോൾ, jQuery 1.9+ ആവശ്യമാണ്. JQuery 1.9 ഉപയോഗിച്ചാൽ നിങ്ങളുടെ സൈറ്റിൽ ഒരു നിർണ്ണായക മൊഡ്യൂൾ തകർക്കുന്നെങ്കിൽ, നിങ്ങൾ ഇപ്പോൾ തന്നെ ബൂട്ട്സ്ട്രാപ്പ് 2 ഉപയോഗിക്കേണ്ടിവരും.

നിങ്ങൾ ബൂട്ട് ചെയ്യുന്നതിന് മുമ്പ്

നിങ്ങൾക്ക് ധാരാളം ജോലി സേവ് ചെയ്ത് നിങ്ങളുടെ വെബ്സൈറ്റ് സ്കിർക്കിൽ സഹായിക്കാൻ കഴിയും. പക്ഷെ നിങ്ങളെത്തന്നെ ബൂട്ട് ചെയ്യുന്നതിന് മുമ്പ് തന്നെ ZURB ഫൗണ്ടേഷന്റെ തീം നോക്കുക. പ്രധാന വ്യത്യാസങ്ങൾ ഉള്ള സമാനമായ ചട്ടക്കൂടിനമാണ് സൂർബേ പ്രസ്ഥാനം. വ്യക്തിപരമായി, ഞാൻ ഇതുവരെ ZURB ഫൌണ്ടേഷൻ മാത്രമേ ഉപയോഗിച്ചിട്ടുള്ളൂ, എന്നാൽ നിങ്ങളുടെ പഠനം ഗൗരവപൂർവ്വം ബൂട്ട് ചെയ്യുമ്പോൾ തന്നെ "ബൂട്ട്" ഡിസ്പ്ലേകൾ ഇഷ്ടപ്പെടുന്നെങ്കിൽ, ZURB ഫൌണ്ടേഷൻ നിങ്ങളുടെ തീമുകളിൽ ഗൌരവമായ ഇച്ഛാനുസൃതമാക്കാൻ നിങ്ങൾ ഉദ്ദേശിക്കുന്നുവെങ്കിൽ, അത് ശരിയാണെന്ന് സൂചിപ്പിക്കുന്നു. സുര്യ ഫൗണ്ടേഷൻ ഇഷ്ടാനുസൃതമാക്കാൻ എനിക്ക് സന്തോഷമേകി.

നിങ്ങൾക്ക് ബൂട്ട് ചെയ്യണമെന്നുണ്ടെങ്കിൽപ്പോലും, ഈ നുറുങ്ങുകൾ ദ്രുപാൽ ഉപയോഗിച്ചു് ഉപയോഗിക്കാതിരിക്കുക.