बूटस्ट्रैप नकारात्मक मार्जिन का उपयोग क्यों करता है?
बूटस्ट्रैप नकारात्मक मार्जिन का उपयोग क्यों करता है?

वीडियो: बूटस्ट्रैप नकारात्मक मार्जिन का उपयोग क्यों करता है?

वीडियो: बूटस्ट्रैप नकारात्मक मार्जिन का उपयोग क्यों करता है?
वीडियो: बूटस्ट्रैप 5 में मार्जिन और पैडिंग के टिप्स और ट्रिक्स | बूटस्ट्रैप स्पेसिंग | बूटस्ट्रैप 5 ट्यूटोरियल 2024, नवंबर
Anonim

पंक्तियों में a. है नकारात्मक बाएँ दांए हाशिया -15 पीएक्स का। 15px के कंटेनर पैडिंग का उपयोग इसका विरोध करने के लिए किया जाता है नकारात्मक मार्जिन पंक्ति का। यह सामग्री को लेआउट के किनारों पर समान रूप से संरेखित रखने के लिए है। यदि आप एक कंटेनर में एक पंक्ति नहीं डालते हैं, तो पंक्ति इसके कंटेनर को ओवरफ्लो कर देगी, जिससे एक अवांछनीय क्षैतिज स्क्रॉल हो जाएगा।

इसके संबंध में, बूटस्ट्रैप पंक्ति में ऋणात्मक मार्जिन क्यों है?

सभी में ग्रिड सिस्टम, प्रत्येक कॉलम के बीच गटर हैं। कुछ के रूप में उन स्तंभों पर अंतिम कक्षा ग्रिड सिस्टम करते हैं, वे इसके बजाय. पंक्ति करने के लिए कक्षा नकारात्मक मार्जिन जो कॉलम की पैडिंग से मेल खाता है। यह पहले और आखिरी कॉलम के गटर को "खींचता" है, जबकि साथ ही इसे व्यापक बनाता है।

इसके अलावा, मैं बूटस्ट्रैप 4 में एक div को केंद्र में कैसे संरेखित करूं? 1 - लंबवत केंद्र ऑटो मार्जिन का उपयोग लंबवत करने का एक तरीका केंद्र my-auto का उपयोग करना है। यह करेगा केंद्र NS तत्त्व इसके फ्लेक्सबॉक्स के भीतर पात्र (NS बूटस्ट्रैप 4 . पंक्ति प्रदर्शन है: फ्लेक्स)। उदाहरण के लिए, h-100 पंक्ति को पूर्ण ऊंचाई बनाता है, और my-auto लंबवत होगा केंद्र col-sm-12 कॉलम।

फिर, मैं बूटस्ट्रैप में मार्जिन कैसे सेट करूं?

टी - सेट हाशिया -टॉप या पैडिंग-टॉप। बी - सेट हाशिया -बॉटम या पैडिंग-बॉटम। एल - सेट हाशिया -बाएं या पैडिंग-बाएं। आर - सेट हाशिया -राइट या पैडिंग-राइट।

अधिक रिक्ति उदाहरण।

.एम-# / एम-*-# हर तरफ मार्जिन इसे अजमाएं
।मेरे मेरे-*-# मार्जिन ऊपर और नीचे इसे अजमाएं
.पी-# / पी-*-# हर तरफ पैडिंग इसे अजमाएं

बूटस्ट्रैप ब्रेकप्वाइंट क्या हैं?

उत्तरदायी विराम बिंदु इन विराम बिंदु ज्यादातर न्यूनतम व्यूपोर्ट चौड़ाई पर आधारित होते हैं और हमें व्यूपोर्ट में परिवर्तन के रूप में तत्वों को बढ़ाने की अनुमति देते हैं। बूटस्ट्रैप मुख्य रूप से निम्न मीडिया क्वेरी श्रेणियों का उपयोग करता है-या विराम बिंदु हमारे लेआउट, ग्रिड सिस्टम और घटकों के लिए हमारे स्रोत Sass फ़ाइलों में।

सिफारिश की: