मैंने बूटस्ट्रैप कैरोसेल बनाया है (पूर्ण चिकनाईपरिचय) मेरी वेबसाइट पर जो बड़े उपकरणों पर पूरी तरह से काम करता है लेकिन मोबाइल डिवाइस पर यह केवल कैरोसेल छवि का बायां तीसरा दिखाता है लेकिन मैं इसे छवि का केंद्र बनना चाहता हूं। तो मुझे लगता है कि एक अच्छा समाधान यह सुनिश्चित करने के लिए कि मेरे पास इच्छित फोकस है, छवि के विभिन्न संस्करणों के साथ बड़े उपकरणों, टैबलेट और मोबाइल के लिए 3 अलग-अलग सेटअप करना होगा। यह अन्य सभी कैरोसेल सेटअप छुपाकर काम करना चाहिए, उदाहरण के लिए कि मोबाइल के लिए एक (यदि यह छोटे डिवाइस पर है)। अगर पीसी पर यह सब छुपा है लेकिन वह एक बड़ा डिवाइस, ... आदि के लिए है।
मैं मोबाइल डिवाइस पर कैरोसेल में कुछ जोड़ना नहीं चाहता, मैं कैरोसेल स्लाइडर छवि को बदलना चाहता हूं (लेकिन केवल तभी जब मोबाइल डिवाइस का उपयोग किया जाता है)।
बड़े उपकरणों के लिए कैरोसेल आईडी "कैरोसेल" के साथ एक div में है इसलिए मैंने छोटे / मोबाइल उपकरणों पर बड़ी छवि के साथ कैरोसेल को छिपाने के लिए ऐसा करने की कोशिश की:
@media (max-width:800px) {
#carousel {
display:none !important;
}
}
हालांकि मेरे लिए काम नहीं करता है। शायद कोई मेरी मदद कर सकता है! बहुत आभारी होंगे, धन्यवाद!: 3
उत्तर:
उत्तर № 1 के लिए 1बूटस्ट्रैप के साथ, आपके पास स्क्रीन आकार के आधार पर छिपाने की क्षमता है। इस पृष्ठ पर, उत्तरदायी उपयोगिताओं पर अनुभाग पर जाएं। आप ".hidden-xs" या ".hidden-lg" जैसी चीजें देखेंगे। आपको एकाधिक कैरोलल्स बनाना होगा - मोबाइल के लिए एक, टैबलेट के लिए एक, डेस्कटॉप के लिए एक। लेकिन हो सकता है कि आप जो खोज रहे हों ।