बूटस्ट्रैप 4.x और 5.x ग्रिड सिस्टम ब्रेकप्वाइंट को कैसे ओवरराइड करें?
ब्राउज़ करें:820
बूटस्ट्रैप 4.x और 5.x ग्रिड सिस्टम ब्रेकप्वाइंट को ओवरराइड करना
बूटस्ट्रैप के एक्सएल ब्रेकप्वाइंट को अनुकूलित करने के लिए, उन चर को समझना महत्वपूर्ण है जो नियंत्रित करते हैं ब्रेकप्वाइंट और कंटेनर चौड़ाई।
sass
आपके Sass बिल्ड में, आपको दो वेरिएबल्स को संशोधित करने की आवश्यकता होगी: $grid-breakpoints और $container-max-widths। ये चर आकार सीमा को परिभाषित करते हैं जिस पर बूटस्ट्रैप ग्रिड सिस्टम और कंटेनर तत्व खुद को पुनर्गठित करेंगे।
प्रदान किए गए Sass कोड में, आपने 1280px ब्रेकपॉइंट को शामिल करने के लिए $grid-breakpoints को सही ढंग से समायोजित किया है। हालाँकि, परिवर्तनों को प्रभावी करने के लिए, आपको $container-max-widths वेरिएबल को भी संशोधित करना होगा। यहां Sass में एक कार्यशील उदाहरण दिया गया है:
//theme.scss
// डिफ़ॉल्ट बीटी चर को ओवरराइड करें
$ग्रिड-ब्रेकप्वाइंट:(
एक्सएस: 0,
एसएम: 576px,
एमडी: 768पीएक्स,
एलजी: 992px,
xl: 1280px, // कस्टम xl ब्रेकप्वाइंट
xxl: 1900px
);
$कंटेनर-अधिकतम-चौड़ाई: (
एसएम: 540px,
एमडी: 720px,
एलजी: 960px,
xl: 1220px, // xl ब्रेकप्वाइंट के लिए कस्टम अधिकतम-चौड़ाई
xxl: 1610px
);
// बीटी स्रोत आयात करें
@आयात "../नोड_मॉड्यूल/बूटस्ट्रैप/एससीएसएस/बूटस्ट्रैप";
// यहां आपके सीएसएस (एसएएसएस) नियम हैं...
इस उदाहरण में, आपने कंटेनर की अधिकतम चौड़ाई को तदनुसार समायोजित करते हुए अपने कस्टम 1280पीएक्स ब्रेकपॉइंट को शामिल करने के लिए बूटस्ट्रैप के ब्रेकप्वाइंट को सफलतापूर्वक बढ़ाया है।
-
C++ परियोजनाओं के लिए CMake के साथ SDL2 और SDL_image का उपयोग कैसे करें?सीमेक के साथ एसडीएल2 और एसडीएल_इमेज का उपयोग करनाइस लेख में, हम एसडीएल2 ग्राफिक्स लाइब्रेरी और एसडीएल_इमेज एक्सटेंशन का उपयोग करने के चरणों के बारे मे...प्रोग्रामिंग 2024-11-17 को प्रकाशित -
मैं MySQL का उपयोग करके आज के जन्मदिन वाले उपयोगकर्ताओं को कैसे ढूँढ सकता हूँ?MySQL का उपयोग करके आज के जन्मदिन वाले उपयोगकर्ताओं की पहचान कैसे करेंMySQL का उपयोग करके यह निर्धारित करना कि आज उपयोगकर्ता का जन्मदिन है या नहीं, इस...प्रोग्रामिंग 2024-11-17 को प्रकाशित
-
सरणीतरीके एफएनएस हैं जिन्हें ऑब्जेक्ट पर कॉल किया जा सकता है ऐरे ऑब्जेक्ट हैं, इसलिए जेएस में उनके तरीके भी हैं। स्लाइस (शुरू): मूल सरणी को बदले ब...प्रोग्रामिंग 2024-11-17 को प्रकाशित
-
मुझे अपने Django डेटाबेस प्रश्नों में \"InterfaceError (0, \'\')\" क्यों मिल रहा है?Django क्वेरी निष्पादन में InterfaceError (0, '') का सामना करना पड़ रहा हैDjango उपयोगकर्ताओं को लगातार "InterfaceError (0, '') क...प्रोग्रामिंग 2024-11-17 को प्रकाशित
-
`if` कथनों से परे: स्पष्ट `bool` रूपांतरण वाले प्रकार को कास्टिंग के बिना और कहाँ उपयोग किया जा सकता है?बूल में प्रासंगिक रूपांतरण बिना कास्ट के स्वीकृतआपकी कक्षा बूल में एक स्पष्ट रूपांतरण को परिभाषित करती है, जिससे आप सीधे सशर्त बयानों में इसके उदाहरण ...प्रोग्रामिंग 2024-11-17 को प्रकाशित
-
क्या MySQL में शेयरिंग वास्तव में बड़े डेटासेट के लिए सबसे अच्छा तरीका है?MySQL में साझाकरण: एक महत्वपूर्ण दृष्टिकोणजब MySQL डेटाबेस को अनुकूलित करने की बात आती है, तो बड़े डेटासेट को संभालने के लिए शार्डिंग एक संभावित समाधा...प्रोग्रामिंग 2024-11-17 को प्रकाशित
-
MySQL सेलेक्ट क्वेरीज़ में IF स्टेटमेंट्स का उपयोग कैसे करें: सिंटैक्स और सर्वोत्तम प्रथाओं के लिए एक गाइडMySQL SELECT Queries में IF स्टेटमेंट का उपयोगMySQL SELECT क्वेरी के भीतर IF स्टेटमेंट लागू करने का प्रयास करते समय, आपको कठिनाइयों का सामना करना पड़ ...प्रोग्रामिंग 2024-11-17 को प्रकाशित
-
पायथन में एक विशिष्ट सीमा के भीतर अद्वितीय यादृच्छिक संख्याएँ कैसे उत्पन्न करें?एक सीमा के भीतर अद्वितीय यादृच्छिक संख्याएं उत्पन्न करनायादृच्छिक संख्याएं उत्पन्न करते समय, यह सुनिश्चित करना कि प्रत्येक संख्या अद्वितीय है, एक चुनौ...प्रोग्रामिंग 2024-11-17 को प्रकाशित
-
प्लेसहोल्डर्स और पैरामीटर्स का उपयोग करके "कहां... अंदर" के साथ पीडीओ क्वेरी कैसे निष्पादित करें?PDO क्वेरीज़ "WHERE... IN" के साथPDO के साथ डेटाबेस पहुंच को बढ़ाने के प्रयास में, कई डेवलपर्स को चुनौतियों का सामना करना पड़ता है, विशेष रू...प्रोग्रामिंग 2024-11-17 को प्रकाशित
-
पायथन डिक्शनरी में किसी मनमाने तत्व को कुशलतापूर्वक कैसे एक्सेस करें और हटाएं?पायथन शब्दकोश में एक मनमाना तत्व तक पहुंचपायथन में, एक शब्दकोश एक अव्यवस्थित संग्रह में कुंजी-मूल्य जोड़े संग्रहीत करता है। यदि कोई शब्दकोश खाली नहीं ...प्रोग्रामिंग 2024-11-17 को प्रकाशित
-
मैं jQuery के साथ पृष्ठभूमि रंगों को कैसे एनिमेट कर सकता हूं?jQuery के साथ पृष्ठभूमि रंगों को फीका करनाध्यान खींचने वाले वेबसाइट तत्वों को अक्सर सूक्ष्म एनिमेशन की आवश्यकता होती है, जैसे कि अंदर और बाहर फीका पड़...प्रोग्रामिंग 2024-11-17 को प्रकाशित
-
MacOS पर Django में \"अनुचित कॉन्फ़िगर: MySQLdb मॉड्यूल लोड करने में त्रुटि\" को कैसे ठीक करें?MySQL अनुचित रूप से कॉन्फ़िगर किया गया: सापेक्ष पथों के साथ समस्याDjango में Python मैनेज.py runserver चलाते समय, आपको निम्न त्रुटि का सामना करना पड़ ...प्रोग्रामिंग 2024-11-17 को प्रकाशित
-
मैं अद्वितीय आईडी को संरक्षित करते हुए और डुप्लिकेट नामों को संभालते हुए PHP में दो सहयोगी सरणियों को कैसे जोड़ूं?PHP में एसोसिएटिव एरेज़ का संयोजनPHP में, दो एसोसिएटिव एरेज़ को एक ही एरे में संयोजित करना एक सामान्य कार्य है। निम्नलिखित अनुरोध पर विचार करें:समस्या...प्रोग्रामिंग 2024-11-17 को प्रकाशित
-
गो में एंबेडिंग स्ट्रक्चर: पॉइंटर या वैल्यू? कब कौन सा उपयोग करें?एम्बेडिंग स्ट्रक्चर्स इन गो: कब एक पॉइंटर का उपयोग करेंएक संरचना को दूसरे के भीतर एम्बेड करने पर विचार करते समय, एक पॉइंटर का उपयोग करने का निर्णय या ...प्रोग्रामिंग 2024-11-17 को प्रकाशित
-
क्या मैं PHP में इनहेरिटेंस के बिना क्लास विधियों को संशोधित कर सकता हूँ?क्या मैं इनहेरिटेंस के बिना क्लास को पैच कर सकता हूं?आप ऐसी स्थितियों का सामना कर सकते हैं जहां आपको विशिष्ट इनहेरिटेंस के विकल्प के बिना किसी क्लास य...प्रोग्रामिंग 2024-11-17 को प्रकाशित
चीनी भाषा का अध्ययन करें
- 1 आप चीनी भाषा में "चलना" कैसे कहते हैं? #का चीनी उच्चारण, #का चीनी सीखना
- 2 आप चीनी भाषा में "विमान ले लो" कैसे कहते हैं? #का चीनी उच्चारण, #का चीनी सीखना
- 3 आप चीनी भाषा में "ट्रेन ले लो" कैसे कहते हैं? #का चीनी उच्चारण, #का चीनी सीखना
- 4 आप चीनी भाषा में "बस ले लो" कैसे कहते हैं? #का चीनी उच्चारण, #का चीनी सीखना
- 5 चीनी भाषा में ड्राइव को क्या कहते हैं? #का चीनी उच्चारण, #का चीनी सीखना
- 6 तैराकी को चीनी भाषा में क्या कहते हैं? #का चीनी उच्चारण, #का चीनी सीखना
- 7 आप चीनी भाषा में साइकिल चलाने को क्या कहते हैं? #का चीनी उच्चारण, #का चीनी सीखना
- 8 आप चीनी भाषा में नमस्ते कैसे कहते हैं? 你好चीनी उच्चारण, 你好चीनी सीखना
- 9 आप चीनी भाषा में धन्यवाद कैसे कहते हैं? 谢谢चीनी उच्चारण, 谢谢चीनी सीखना
- 10 How to say goodbye in Chinese? 再见Chinese pronunciation, 再见Chinese learning
