નીચે પોર્ટલ પર ઉપલબ્ધ કસ્ટમ ભિન્નતા આપેલ છે. બધા પાત્રો "રિસ્પોન્સિવ વ્યૂ" માં મૂળભૂત હોવા જોઈએ અને કન્ટેનર રૂપરેખાંકનમાંથી પસંદ થયેલ હોવા જોઈએ. ઉચ્ચ સ્તરે, અમારી પાસે નીચે સૂચિબદ્ધ ભિન્નતા ઉપલબ્ધ છે અને પ્રોફાઇલ્સ સાથેના કન્ટેનર પર લાગુ કરી શકાય છે:

1. "મૂળભૂત": મૂળભૂત રીતે, કન્ટેનર એક સંપૂર્ણ પહોળાઈ કન્ટેનર છે. કોઈપણ કન્ટેનર અથવા ઘટક જો પૃષ્ઠ પર મૂકવામાં આવે તો તે પૃષ્ઠ પર અંતથી અંત સુધી પહોળાઈ લેશે.
2. "1 સ્તંભ": આ કન્ટેનર પ્રકારનો ઉપયોગ ત્યારે થાય છે જ્યારે વેબ સામગ્રી ટુકડા પર એક જ સામગ્રી હોય. જો આ પ્રકારનું કન્ટેનર સીધું પૃષ્ઠ પર મૂકવામાં આવે છે, તો તે કન્ટેનરની ડાબી અને જમણી બાજુએ સ્પેસરને છોડી દેશે.
3. "2 સ્તંભ": આ કન્ટેનર પ્રકારનો ઉપયોગ ત્યારે થાય છે જ્યારે વેબ સામગ્રીને ડાબી અને જમણી બાજુ જગ્યાની જરૂર હોય છે, અને સામગ્રી પ્લેસમેન્ટને 2 અલગ વિભાગોમાં તોડવાની જરૂર છે.
4. "3 સ્તંભ": આ કન્ટેનર પ્રકારનો ઉપયોગ ત્યારે થાય છે જ્યારે વેબ સામગ્રીને ડાબી અને જમણી બાજુ જગ્યાની જરૂર હોય છે, અને સામગ્રી પ્લેસમેન્ટને 3 અલગ વિભાગોમાં તોડવાની જરૂર છે.
5. "4 સ્તંભ": આ કન્ટેનર પ્રકારનો ઉપયોગ ત્યારે થાય છે જ્યારે વેબ સામગ્રીને ડાબી અને જમણી બાજુ જગ્યાની જરૂર હોય છે, અને સામગ્રી પ્લેસમેન્ટને4અલગ વિભાગોમાં તોડવાની જરૂર છે.

નીચે અનુસરવાની પ્રક્રિયા છે જ્યાં અમારી પાસે એક ટુકડા માટે દૃશ્ય છે જેમાં ઘટક એન્ડ-ટુ-એન્ડ રંગીન દૃશ્ય ધરાવે છે, અને પછી ત્યાં 1 સ્તંભ ઘટક અથવા2સ્તંભ ઘટકોનો ઉપયોગ થાય છે. આ દૃશ્ય માટે, નીચે આપેલી પ્રક્રિયાનું પાલન કરવું જાઇએઃ

1. પૃષ્ઠ પર કન્ટેનર ઉમેરો.
2. આ પાત્ર પર રંગ [ગ્રે અથવા બ્લુ] પોલિસી ઉમેરો.
3. એકની ઉપર બીજું કન્ટેનર ઉમેરો, અને જરૂરિયાત મુજબ આ કન્ટેનરમાં નીતિ ઉમેરો એટલે કે, 1 સ્તંભ, 2 સ્તંભ, 80:20 સ્તંભ, વગેરે.

ત્યાં અન્ય શક્યતાઓ પણ ઉપલબ્ધ છે, જેમ કે પૃષ્ઠભૂમિનો રંગ પસંદ કરવો, કન્ટેનરને વક્ર આકારમાં રૂપાંતરિત કરવું, આંતરિક / બાહ્ય જગ્યા ઉમેરવી, અથવા વિભાજક ઉમેરવું. ઉપલબ્ધ બંધારણોનો સ્નેપશોટ URL પર ઉપલબ્ધ છે.