2017-09-21 13 views
5

मैं अलग तरह से क्रोम पर क्यों कार्ड-कॉलम दर्शाता है कि में इन कार्डों को समझ नहीं सकता से कॉलम क्रोम में विभिन्न प्रदर्शित करते हैं। और वे ज्यादातर दो कॉलम प्रदर्शित कर रहे हैं, लेकिन मेरे सभी पृष्ठों पर नहीं।बूटस्ट्रैप 4 कार्ड कॉलम कभी कभी अन्य ब्राउज़रों

यह पृष्ठ विशिष्ट केवल एक स्तंभ दिखा के साथ इस मुद्दे है, टैब "Meny" पर जाएँ: http://nesthus.no/vossapp/bedrift/voss-pizzeria-kebab

लेकिन एज और Firefox में यह दो कॉलम प्रदर्शित करता है, के रूप में मैं यह करना चाहता हूँ।

बहरहाल, एक अन्य पेज, टैब पर "Meny", http://nesthus.no/vossapp/bedrift/cafe-stationen ठीक से दिखाई देते क्रोम सहित सभी ब्राउज़रों में दो कॉलम।

समस्या क्रोम में पता चला है, लेकिन एज में काम कर रहा है: Chrome Problem showed in Chrome, but working in Edge:

लेकिन दूसरे पृष्ठ पर, यह ठीक renders: While, another page in Chrome renders fine:

उत्तर

-1

आप पहले से ही

#menycol { 
column-count: 2; 
} 

तो उपयोग कर रहे हैं प्रदर्शन और चौड़ाई सेट करने की कोई जरूरत है, बस टिप्पणी करने या निकालने के लिए यह

.card-columns .card { 
/* display: inline-block; */ 
/* width: 100%; */ 
} 
+0

यह लेआउट के साथ कई मुद्दों का कारण बनता है। कॉलम तोड़ता है। – Aslam

+0

@hunzaboy स्तंभ गिनती शाब्दिक सामग्री के लिए है, divs के लिए, यदि आप divs संरचना का उपयोग कर रहे हैं, तो स्तंभ गिनती नहीं निकाल और फ्लेक्स या सरल चौड़ाई का उपयोग 50% 2 –

+0

में विभाजित करने के लिए हाँ मैं उस के साथ सहमत हैं, उसे इसका उपयोग करने की आवश्यकता नहीं है, लेकिन यह अन्य पृष्ठों पर क्यों काम कर रहा है। सवाल यह था कि अलग व्यवहार क्यों। – Aslam

संबंधित मुद्दे