പോർട്ടലിൽ ലഭ്യമായ ഇഷ് ടാനുസൃത വ്യതിയാനങ്ങൾ ചുവടെ നൽകിയിരിക്കുന്നു. എല്ലാ കണ്ടെയ്നറുകളും " റെസ്പോൺസീവ് വ്യൂ" എന്നതിലേക്ക് ഡിഫോൾട്ട് ചെയ്യുകയും കണ്ടെയ്നർ കോൺഫിഗറേഷനിൽ നിന്ന് തിരഞ്ഞെടുക്കുകയും വേണം. ഉയർന്ന തലത്തിൽ, ഞങ്ങൾക്ക് താഴെ ലിസ്റ്റുചെയ്തിട്ടുള്ള വ്യതിയാനങ്ങൾ ലഭ്യമാണ്, പ്രൊഫൈലുകളുള്ള കണ്ടെയ്നറുകളിൽ പ്രയോഗിക്കാം:

1. "സ്ഥിരസ്ഥിതി": സ്ഥിരസ്ഥിതിയായി, കണ്ടെയ്നർ ഒരു പൂർണ്ണ വീതിയുള്ള കണ്ടെയ്നറാണ്. പേജിൽ ഇട്ടാൽ ഏതെങ്കിലും കണ്ടെയ്നർ അല്ലെങ്കിൽ ഘടകം പേജിൽ എൻഡ്-ടു-എൻഡ് വീതി എടുക്കും.
2. "1 കോളം": വെബ് ഉള്ളടക്കം ഫ്രാഗ്മെന്റിലെ ഒരൊറ്റ ഉള്ളടക്കമായിരിക്കുമ്പോൾ ഈ കണ്ടെയ്നർ ടൈപ്പ് ഉപയോഗിക്കുന്നു. ഈ തരത്തിലുള്ള കണ്ടെയ്നർ നേരിട്ട് പേജിൽ ഇട്ടാൽ അത് കണ്ടെയ്നറിന്റെ ഇടത്തും വലതുവശത്തും സ്പേസറിനെ ഉപേക്ഷിക്കും.
3. "2 നിര": വെബ് ഉള്ളടക്കത്തിന് ഇടത്തോട്ടും വലത്തോട്ടും സ്പേസിംഗ് ആവശ്യമായി വരുമ്പോഴാണ് ഈ കണ്ടെയ്നർ ടൈപ്പ് ഉപയോഗിക്കുന്നത്, കൂടാതെ ഉള്ളടക്ക പ്ലേസ് മെന്റ് 2 വ്യത്യസ്ത വിഭാഗങ്ങളായി വിഭജിക്കേണ്ടതുണ്ട്.
4. "3 നിര": വെബ് ഉള്ളടക്കത്തിന് ഇടത്തോട്ടും വലത്തോട്ടും സ്പേസിംഗ് ആവശ്യമായി വരുമ്പോഴാണ് ഈ കണ്ടെയ്നർ ടൈപ്പ് ഉപയോഗിക്കുന്നത്, കൂടാതെ ഉള്ളടക്ക പ്ലേസ്മെന്റ് 3 വ്യത്യസ്ത വിഭാഗങ്ങളായി വിഭജിക്കേണ്ടതുണ്ട്.
5. "4 നിര": വെബ് ഉള്ളടക്കത്തിന് ഇടത്തോട്ടും വലത്തോട്ടും അകലം ആവശ്യമായി വരുമ്പോഴാണ് ഈ കണ്ടെയ്നർ ടൈപ്പ് ഉപയോഗിക്കുന്നത്, കൂടാതെ ഉള്ളടക്ക പ്ലേസ് മെന്റ് 4 വ്യത്യസ്ത വിഭാഗങ്ങളായി വിഭജിക്കേണ്ടതുണ്ട്.

ഘടകത്തിന് എൻഡ്-ടു-എൻഡ് കളർ വ്യൂ ഉള്ള ഒരു കഷണത്തിനായി ഞങ്ങൾക്ക് ഒരു കാഴ്ച ഉള്ള ഒരു നടപടിക്രമം ചുവടെ നൽകിയിരിക്കുന്നു, തുടർന്ന് 1 കോളം ഘടകം അല്ലെങ്കിൽ 2 കോളം ഘടകങ്ങൾ ഉപയോഗിക്കുന്നു. ഈ സാഹചര്യത്തിനായി, താഴെ നൽകിയിരിക്കുന്ന നടപടിക്രമം പാലിക്കേണ്ടതാണ്:

1. പേജിൽ കണ്ടെയ്നർ ചേർക്കുക.
2. ഈ കണ്ടെയ്നറിൽ നിറം [ചാരനിറം അല്ലെങ്കിൽ നീല] നയം ചേർക്കുക.
3. ഒന്നിന് മുകളിൽ മറ്റൊരു കണ്ടെയ്നർ ചേർക്കുക, ആവശ്യാനുസരണം ഈ കണ്ടെയ്നറിലേക്ക് പോളിസി ചേർക്കുക, അതായത്, 1 കോളം, 2 കോളം, 80: 20 കോളം മുതലായവ.

പശ്ചാത്തല നിറം തിരഞ്ഞെടുക്കുക, കണ്ടെയ്നറിനെ വളഞ്ഞ ആകൃതിയിലേക്ക് പരിവർത്തനം ചെയ്യുക, ആന്തരിക / പുറം അകലം ചേർക്കുക അല്ലെങ്കിൽ ഒരു സെപ്പറേറ്റർ ചേർക്കുക തുടങ്ങിയ മറ്റ് സാധ്യതകളും ലഭ്യമാണ്. ലഭ്യമായ ഫോർമാറ്റുകളുടെ ഒരു സ്നാപ്പ്ഷോട്ട് URL ൽ ലഭ്യമാണ്.