dotnetnuke

Question

के साथ बूटस्ट्रैप उत्तरदायी डिजाइन काम करने में सक्षम नहीं है मैंने अपने प्रोजेक्ट में ट्विटर बूटस्ट्रैप का उपयोग DotNetNuke के साथ किया है। मैंने एचटीएमएल, सीएसएस, बूटस्ट्रैप का उपयोग करके अपना डिजाइनिंग और लेआउट किया। उत्तरदायी डिज़ाइन ठीक काम कर रहा था जब मैंने इसे विभिन्न मोबाइल उपकरणों पर परीक्षण किया और यहां तक ​​कि यदि मैं अपनी ब्राउज़र विंडो का आकार बदलता हूं।

चूंकि यह अच्छी तरह से काम कर रहा था, इसलिए मैंने डिज़ाइन को डॉटनेटनेट स्किन में परिवर्तित कर दिया। अब, उत्तरदायी डिज़ाइन तभी ठीक काम करता है जब मैं ब्राउज़र विंडो का आकार बदलता हूं, न कि मोबाइल उपकरणों पर। मैं उस प्रवाह को समझता हूं जिसमें डीएनएन स्टाइलशीट लोड करता है और मैंने इसका पालन किया है। मैंने bootstrap.css के संयोजन के रूप में अपनी skin.css बनाई है और उसके बाद बूटस्ट्रैप-उत्तरदायी.css

की समस्या के बाद मुझे समस्या नहीं मिल रही है जैसे कि मैं अपने html के साथ एक ही skin.css का उपयोग करता हूं, यह ठीक काम करता है लेकिन यह डीएनएन (मोबाइल उपकरणों पर) के साथ काम नहीं करता है।

Answer 1

आप मेटा को खो रहे हैं जो उचित उपकरणों के लिए मोबाइल डिवाइस को लक्षित करता है। अपने पृष्ठ के शीर्षलेख में निम्नलिखित डालें:

<meta name="viewport" content="width=device-width, initial-scale=1.0"> 

Answer 2

मुझे बस कुछ दिलचस्प लगता है और इसे साझा करना चाहते हैं, शायद यह किसी की मदद करेगा। साइट हेडर सेक्शन में आपको पहले bootstrap.css को शामिल करना चाहिए और केवल उसके बाद बूटस्ट्रैप-responsive.css क्योंकि स्पष्ट रूप से responsive.css bootstrap.css

पर निर्भर करता है बेशक मेटा टैग भी मौजूद होना चाहिए।

<link href="/css/bootstrap.css" rel="stylesheet" type="text/css" /> 
<link href="/css/bootstrap-responsive.css" rel="stylesheet" type="text/css" /> 
<meta name="viewport" content="width=device-width, initial-scale=1.0"> 

Answer 3

यकीन है कि उत्तरदायी सीएसएस (responsive.css) सुनिश्चित बुनियादी के बाद नहीं से पहले शामिल है।