मैंने ट्विटर बूटस्ट्रैप उदाहरण डाउनलोड किया और इसके साथ एक सरल रेल परियोजना बनाई। मैंने उस सीएसएस की नकल की जहां जरूरत थी और यह ठीक दिखाता है। मैंने js की भी प्रतिलिपि बनाई और मेरे डेस्कटॉप पर सब कुछ बहुत अच्छा काम करता है: जब मैं अपने ब्राउज़र का आकार बदलता हूं तो यह पृष्ठ को पुनर्गठित करता है। विभिन्न आकारों के साथ कुछ "उत्तरदायी डिजाइन परीक्षण उपकरण" का उपयोग करते समय, यह बहुत अच्छा काम करता है।
मेरे पास जो समस्या है वह मेरे iPhone पर है: यह मेरे डेस्कटॉप पर जैसे दिखाता है।
जब मैं बूटस्ट्रैप हीरो उदाहरण पृष्ठ (जो मैं से शुरू हुआ था) की कोशिश करता हूं, तो यह मेरे iPhone पर बहुत अच्छा काम करता है।
क्या गलत हो सकता था? मैंने बहुत ज्यादा किसी भी सीएसएस को नहीं छुआ है, मैंने अभी पाद पर एक पैडिंग जोड़ा है।
FYI करें, सीएसएस मैंने बदला है कि मैं अपने ऐप को application.cssनिम्न सामग्री के साथ लिंक कर रहा हूं :
/* Application stylesheet */
@import url(bootstrap.css);
@import url(bootstrap-responsive.css);
/* Body */
body {
padding-top: 60px;
padding-bottom: 40px;
}
/* Footer */
footer {
padding: 20px 0;
}