बूटस्ट्रैप 2.3 सीएसएस उत्तरदायी दाएं

Question

पर एक सफेद स्थान के साथ उत्तरदायी छोड़ दिया गया है मैं एक वेबसाइट बना रहा हूं (और मैं इस पर एक नोब हूं)। मैं डिजाइन के कार्यक्षमता भाग पर काम कर रहा हूं और मैं बाद में ग्राफिक्स करूँगा।

वर्तमान में जब यह उत्तरदायी (मोबाइल व्यू) में जाता है तो यह मोबाइल ब्राउज़र (और स्क्रॉल करने योग्य) पर चलने योग्य दाईं ओर 2px मार्जिन छोड़ देता है। मैं अपने जीवन के लिए उस से छुटकारा पाने के लिए नहीं कर सकता।

अगर मैं ओवरफ्लो-एक्स चालू करता हूं: छुपा हुआ है, तो यह गैर स्क्रोल करने योग्य लेकिन अभी भी चलने योग्य बन जाता है।

मैं उस अतिरिक्त स्थान को दूर जाना चाहता हूं। मैं इसे किसी भी सीएसएस में पैडिंग के रूप में परिभाषित नहीं करता हूं।

बूटस्ट्रैप 2.3

Answer 1

को अपने कस्टम सीएसएस को यह जोड़कर हल का उपयोग करना:

html, body { 
    width: auto !important; 
    overflow-x: hidden !important; 
} 

नोट: !important केवल उपयोग किया जा रहा है, इसलिए यह अन्य सीएसएस पर प्राथमिकता लेता है। अधिकांश उदाहरणों की आवश्यकता नहीं होगी! महत्वपूर्ण है अगर आप अपने बूटस्ट्रैप सीएसएस के बाद अपना कस्टम सीएसएस लोड करते हैं।

Answer 2

निकालें मार्जिन छोड़ दिया, मार्जिन-सही

और बदल

<div class="navbar"> 
    <div class="navbar-inner navbar-fixed-top"> 

<div class="navbar navbar-fixed-top"> 
    <div class="navbar-inner">` 

Answer 3

मैंने ऐसा करने का प्रयास किया है, लेकिन यह केवल ब्राउज़र आधारित मोबाइल अनुकरणकर्ताओं पर ही काम करता है। जब मैं अपने ब्राउज़र का आकार बदलता हूं तो यह अच्छी तरह से काम करता है।

लेकिन, जब मैं इसे अपने फोन पर देखता हूं - सैमसंग गैलेक्सी एस 2 & आईफोन 5, यह अभी भी मुझे सफेद जगह दिखाता है।

मैं भी करने की कोशिश की:

@media handheld and (max-width: 481px) and (orientation: portrait) { 
    html,body{width:100%;overflow-x:hidden;} 
} 

@media handheld and (max-width: 380px) and (orientation: portrait) { 
    html,body{width:100%;overflow-x:hidden;} 
} 

Answer 4

मैं बस एक और .container-द्रव वर्ग तत्व में .row लपेटकर द्वारा इस हल किया। यह मार्जिन का ख्याल रखना चाहिए।

Answer 5

मुझे पता है कि मैं यहां खेल के लिए बहुत देर हो चुकी हूं लेकिन मुझे पता चला कि यह पहली जगह क्यों होता है। यदि आप एक navbar का उपयोग कर रहे हैं, तो navbar-right तत्व में कुछ अतिरिक्त पैडिंग है जो वहां नहीं होना चाहिए। इसमें 15px का मार्जिन-दाएं है जो इस अंतर का कारण बनता है। इसे ओवरराइट करें और समस्या हल हो गई!

Answer 6

शरीर में और अपने .css फ़ाइल में .container-fluid साथ .container वर्ग बदलेंpadding right and left : 0px; यह है कि सुनिश्चित करें।