2013-08-11 17 views
7

मुझे मानक मार्जिन-बाएं प्रदान करने का विश्वास है हम बूटस्ट्रैप में कक्षा "ऑफ़सेट" का उपयोग कर सकते हैं। साथ ही कक्षा क्या है जिसका उपयोग मानक मार्जिन-दाएं प्रदान करने के लिए किया जा सकता है? उदाहरण:बूटस्ट्रैप: मार्जिन-दाएं के लिए कक्षा?

<div class="row-fluid"> 
    <div class="offset2 span8"></div> 
</div> 
किसी कारण मैं offset2 को मार्जिन-सही बराबर देने की आवश्यकता के लिए

। कुछ समाधान बहुत मददगार होंगे। धन्यवाद।

+0

मुझे लगता है यह पूरी तरह से बेमानी है। आपका उदाहरण दिखाता है क्यों। –

+2

एक तरफ ध्यान दें, आपको स्पैन-एक्स क्लास और फिर अपना ऑफसेट (यानी कक्षा = "span8 ऑफसेट 2") का उपयोग करना चाहिए। –

उत्तर

10

मार्जिन-दाएं के लिए ऑफसेट-एक्स के लिए कोई समकक्ष वर्ग नहीं है और अच्छे कारण के लिए, इसकी आवश्यकता नहीं है। यह इस तरीके से देखें, यदि आप एक 6 स्तंभ div है कि दोनों सही ऑफसेट और 3 कॉलम छोड़ दिया है की जरूरत है, तो आप का प्रयोग करेंगे:

<div class="row"> 
    <div class="span6 offset3">Your content...</div> 
</div> 

इसके अलावा, अगर आप एक 6 स्तंभ div की जरूरत है कि केवल भरपाई हो के लिए 2 है कॉलम लेकिन, ऑफसेट सही पर 2 कॉलम होना चाहिए, कोड होगा:

<div class="row"> 
    <div class="span6 offset4">Your content...</div> 
</div> 

ध्यान रखें कि आप हमेशा 12 कॉलम में काम कर रहे हैं (जब तक variables.less में परिवर्तन) ताकि आप काल-x उपयोग कर सकते हैं वांछित स्थिति प्राप्त करने के लिए ऑफसेट-एक्स। यदि आप अतिरिक्त पिक्सल को ट्विक करना चाहते हैं, तो अपने स्पैन के अंदर अपने सामग्री कंटेनर में एक अतिरिक्त कक्षा (या आईडी) जोड़ें।

<div class="row"> 
    <div class="span6 offset4"> 
     <div class="tweaked-margin">Your content...</div> 
    </div> 
</div> 

सीएसएस: उदाहरण के लिए:

.tweaked-margin { 
    margin-right: 4px; // or whatever you need 
} 
+0

इसे पढ़ने के दौरान मुझे एक और सवाल दिमाग में मिलता है। मैं लिखने के लिए उपयोग करता हूं {चौड़ाई: 960 पीएक्स; सामग्री को हमेशा केंद्र में रखने के लिए \t मार्जिन: 0 ऑटो;}। अगर मैं

My entire content
जैसे कुछ लिखता हूं, तो क्या यह सामग्री के बाएं और दाएं किनारे पर समान स्थान छोड़कर उत्तरदायी-द्रव पृष्ठों में हमेशा मेरी सामग्री को रखने के लिए समकक्ष कोड होगा? इस पर आपके समय के लिए धन्यवाद। यह बहुत मददगार है। –

+1

हां, यह बिल्कुल सही है। इसके अलावा, पीएक्स में कोई सेटिंग चौड़ाई नहीं, प्रतिशत में सोचें। यदि आपको थोड़ा अधिक नियंत्रण की आवश्यकता है, तो अधिकतम/न्यूनतम चौड़ाई (या उस मामले के लिए ऊंचाई) का उपयोग करें। यह स्वीकार्य है क्योंकि ब्राउज़र समर्थन आईई 8 पर वापस चला जाता है। इसके अलावा, अगर मैं तत्वों को केन्द्रित करना चाहता हूं, तो मार्जिन जोड़ने के बजाए एक बटन कहें: 0 ऑटो को स्वयं ही, मैं आमतौर पर इसे ब्लॉक स्तर के कंटेनर में लपेटता हूं और टेक्स्ट-एलाइन को लागू करता हूं: केंद्र; इसके लिए इस तरह से सोचो; हमेशा पहले अपनी स्थिति को ग्रिड के साथ सेट करें, स्पैन-एक्स और ऑफसेट्स का उपयोग करके सभी प्राथमिक पोजीशनिंग के लिए आवश्यक है, फिर वहां से समायोजित करें। –

+2

यह मोबाइल डिस्प्ले पर काम नहीं करेगा, क्योंकि कुछ डिवाइस चौड़ाई के बाद, प्रत्येक अवधि span12 में परिवर्तित हो जाती है। –

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