नीचे पोर्टल पर उपलब्ध कस्टम विविधताएं दी गई हैं। सभी कंटेनरों को "उत्तरदायी दृश्य" पर डिफ़ॉल्ट किया जाना चाहिए और कंटेनर कॉन्फ़िगरेशन से चुना जाना चाहिए। उच्च स्तर पर, हमारे पास नीचे सूचीबद्ध विविधताएं उपलब्ध हैं और प्रोफाइल वाले कंटेनरों पर लागू की जा सकती हैं:

1. "डिफ़ॉल्ट": डिफ़ॉल्ट रूप से, कंटेनर एक पूर्ण चौड़ाई वाला कंटेनर है। पेज पर गिराए जाने वाले किसी भी कंटेनर या कॉम्पोनेंट को पेज पर एंड-टू-एंड चौड़ाई लेगा.
2. "1 कॉलम": इस कंटेनर प्रकार का उपयोग तब किया जाता है जब वेब सामग्री फ़्रैगमेंट पर एकल सामग्री होती है. यदि इस प्रकार के कंटेनर को सीधे पृष्ठ पर रखा जाता है तो यह कंटेनर के बाएँ और दाएँ पक्षों पर स्पेसर छोड़ देगा।
3. "2 कॉलम": इस कंटेनर प्रकार का उपयोग तब किया जाता है जब वेब सामग्री को बाएँ और दाएँ रिक्ति की आवश्यकता होती है, और सामग्री प्लेसमेंट को 2 अलग-अलग अनुभागों में विभाजित करने की आवश्यकता होती है.
4. "3 कॉलम": इस कंटेनर प्रकार का उपयोग तब किया जाता है जब वेब सामग्री को बाएँ और दाएँ रिक्ति की आवश्यकता होती है, और सामग्री प्लेसमेंट को 3 अलग-अलग अनुभागों में विभाजित करने की आवश्यकता होती है.
5. "4 कॉलम": इस कंटेनर प्रकार का उपयोग तब किया जाता है जब वेब सामग्री को बाएँ और दाएँ रिक्ति की आवश्यकता होती है, और सामग्री प्लेसमेंट को 4 अलग-अलग अनुभागों में विभाजित करने की आवश्यकता होती है.

नीचे पालन की जाने वाली प्रक्रिया है जहां हमारे पास एक टुकड़े के लिए एक दृश्य है जिसमें घटक का एंड-टू-एंड रंगीन दृश्य है, और फिर 1 कॉलम घटक या 2 कॉलम घटकों का उपयोग किया जाता है। इस परिदृश्य के लिए, नीचे दी गई प्रक्रिया का पालन किया जाना चाहिए:

1. पृष्ठ पर कंटेनर जोड़ें.
2. इस कंटेनर पर रंग [ग्रे या नीला] नीति जोड़ें।
3. एक के ऊपर एक और कंटेनर जोड़ें, और आवश्यकतानुसार इस कंटेनर में नीति जोड़ें यानी, 1 कॉलम, 2 कॉलम, 80:20 कॉलम, आदि।

अन्य संभावनाएं भी उपलब्ध हैं, जैसे पृष्ठभूमि का रंग चुनना, कंटेनर को घुमावदार आकार में बदलना, आंतरिक/बाहरी रिक्ति जोड़ना, या विभाजक जोड़ना। उपलब्ध प्रारूपों का एक स्नैपशॉट URL पर उपलब्ध है।