बूटस्ट्रैप के साथ रिस्पॉन्सिव लेआउट में तत्वों को कैसे छिपाएं?
2024-12-21 को प्रकाशित
ब्राउज़ करें:119
बूटस्ट्रैप के साथ रिस्पॉन्सिव लेआउट में तत्वों को छिपाना
रिस्पॉन्सिव लेआउट डिजाइन करते समय, स्थान का प्रबंधन करना महत्वपूर्ण हो जाता है, खासकर छोटी स्क्रीन पर। बूटस्ट्रैप मोबाइल उपकरणों के लिए मेनू बार आइटम को संक्षिप्त करने के लिए समर्थन प्रदान करता है, लेकिन क्या होगा यदि आप इसी तरह अन्य पेज तत्वों को छिपाना चाहते हैं?
समाधान:
बूटस्ट्रैप ऐसी कक्षाएं प्रदान करता है जो आपको अनुमति देती हैं स्क्रीन आकार के आधार पर तत्वों को छिपाने के लिए:
- अतिरिक्त छोटे उपकरण: फ़ोन (
- छोटे उपकरण: टैबलेट (≥768px) - .visible-sm-* ( दिखाएँ), .hidden-sm (छिपाएँ)
- मध्यम डिवाइस: डेस्कटॉप (≥992px) - .visible-md-* (दिखाएँ), .hidden-md (छिपाएँ)
- बड़े डिवाइस: डेस्कटॉप (≥1200px) - . दृश्य-एलजी-* (दिखाएँ), .हिडन-एलजी (छिपाएँ)
उदाहरण उपयोग:
छोटे स्क्रीन पर .nav-pills तत्व को छिपाने के लिए:
अतिरिक्त नोट्स:
- बूटस्ट्रैप 4 के लिए,hidden-*-up (बड़े ब्रेकप्वाइंट के लिए छुपाएं) याhidden-*-down का उपयोग करें (छोटे ब्रेकप्वाइंट के लिए छुपाता है)।
- बूटस्ट्रैप 3.2.0 अस्वीकृत .hidden-* के पक्ष में .visible-*.
- पुराने बूटस्ट्रैप संस्करणों में, .hidden-phone और .hidden-tablet अप्रचलित हैं।
नवीनतम ट्यूटोरियल
अधिक>
-
मैं नेट/एचटीटीपी पैकेज में हैंडलर्स को कैसे अपंजीकृत कर सकता हूं?नेट/http में एक हैंडलर को अपंजीकृत करनानेट/http में, हैंडलर को http.Handle का उपयोग करके गतिशील रूप से विशिष्ट यूआरएल पैटर्न में पंजीकृत किया जा सकता ...प्रोग्रामिंग 2024-12-21 को प्रकाशित -
क्या गो का उपनाम प्रकार रूपांतरण प्रतियां बनाता है?क्या उपनामों के बीच असाइन करने से गो में नकल शुरू हो जाती है?गो उपनामों का उपयोग करके कस्टम प्रकारों की परिभाषा की अनुमति देता है। इस बात को लेकर चिंत...प्रोग्रामिंग 2024-12-21 को प्रकाशित
-
C++ वेक्टर में अधिकतम या न्यूनतम मान कैसे ज्ञात करें?C में वेक्टर में अधिकतम या न्यूनतम मान ढूँढना C में वेक्टर से अधिकतम या न्यूनतम मान प्राप्त करना एक सामान्य प्रोग्रामिंग कार्य है। आइए जानें कि इसे कै...प्रोग्रामिंग 2024-12-21 को प्रकाशित
-
डेटा डालते समय ''सामान्य त्रुटि: 2006 MySQL सर्वर चला गया है'' को कैसे ठीक करें?रिकॉर्ड सम्मिलित करते समय "सामान्य त्रुटि: 2006 MySQL सर्वर चला गया है" को कैसे हल करेंपरिचय:MySQL डेटाबेस में डेटा डालने से कभी-कभी त्रुटि ...प्रोग्रामिंग 2024-12-21 को प्रकाशित
-
मैं अद्वितीय आईडी को संरक्षित करते हुए और डुप्लिकेट नामों को संभालते हुए PHP में दो सहयोगी सरणियों को कैसे जोड़ूं?PHP में एसोसिएटिव एरेज़ का संयोजनPHP में, दो एसोसिएटिव एरेज़ को एक ही एरे में संयोजित करना एक सामान्य कार्य है। निम्नलिखित अनुरोध पर विचार करें:समस्या...प्रोग्रामिंग 2024-12-21 को प्रकाशित
-
आप कोड अनुकूलन के लिए C++ मैक्रोज़ में वैकल्पिक पैरामीटर कैसे लागू कर सकते हैं?सी मैक्रोज़ के साथ पैरामीटर्स को अनुकूलित करनामैक्रोज़ सी प्रोग्रामिंग का एक मूलभूत पहलू है, जो कोड अनुकूलन और लचीलेपन की अनुमति देता है। एक सामान्य आ...प्रोग्रामिंग 2024-12-21 को प्रकाशित
-
सरणीतरीके एफएनएस हैं जिन्हें ऑब्जेक्ट पर कॉल किया जा सकता है ऐरे ऑब्जेक्ट हैं, इसलिए जेएस में उनके तरीके भी हैं। स्लाइस (शुरू): मूल सरणी को बदले ब...प्रोग्रामिंग 2024-12-21 को प्रकाशित
-
मैं 100% ऊँचाई और छिपे हुए स्क्रॉलबार के साथ एक फ़ुल-स्क्रीन आईफ़्रेम कैसे बना सकता हूँ?100% ऊंचाई के साथ पूर्ण-स्क्रीन आईफ्रेमक्वेरी:क्या आईफ्रेम ऊंचाई=100% सार्वभौमिक रूप से समर्थित है ब्राउज़रों में? XHTML1 को सिद्धांत के रूप में उपयोग...प्रोग्रामिंग 2024-12-21 को प्रकाशित
-
VS2010 में मिश्रित C और C++ प्रोजेक्ट्स में LNK2001 लिंकर त्रुटियों का समाधान कैसे करें?वीएस2010 में मिश्रित सी और सी परियोजनाओं में लिंकर त्रुटियों को हल करनासमस्या विवरणविभिन्न वीएस2010 परियोजनाओं में सी कोड को सी प्रोजेक्ट में एकीकृत क...प्रोग्रामिंग 2024-12-21 को प्रकाशित
-
मैं जावा स्ट्रिंग में एकाधिक सबस्ट्रिंग को कुशलतापूर्वक कैसे बदल सकता हूं?जावा में एक स्ट्रिंग में एकाधिक सबस्ट्रिंग को कुशलतापूर्वक बदलनाजब एक स्ट्रिंग के भीतर कई सबस्ट्रिंग को बदलने की आवश्यकता का सामना करना पड़ता है, तो य...प्रोग्रामिंग 2024-12-21 को प्रकाशित
-
.NET MySqlCommand में MySQL उपयोगकर्ता-परिभाषित वेरिएबल्स को कैसे सक्षम करें?.NET MySqlCommand में MySql यूजर डिफाइंड वेरिएबल्स का उपयोग करना.NET MySqlCommand के भीतर यूजर डिफाइंड वेरिएबल्स को शामिल करते हुए एक MySQL स्टेटमेंट ...प्रोग्रामिंग 2024-12-21 को प्रकाशित
-
विंडोज़ के लिए XAMPP में PHP को कैसे अपग्रेड करें: एक चरण-दर-चरण मार्गदर्शिकाWindows के लिए XAMPP में PHP को अपग्रेड करना: एक व्यापक गाइडWindows के लिए XAMPP में PHP को अपग्रेड करना सुरक्षा, कार्यक्षमता बनाए रखने के लिए महत्वपू...प्रोग्रामिंग 2024-12-21 को प्रकाशित
-
मैं विश्वसनीय रूप से यह कैसे निर्धारित कर सकता हूं कि मेरी PHP स्क्रिप्ट कमांड लाइन से चल रही है या HTTP के माध्यम से?PHP में कमांड-लाइन बनाम HTTP निष्पादन का निर्धारणPHP स्क्रिप्ट विकास में एक सामान्य कार्य निष्पादन वातावरण के प्रकार को निर्धारित करना है, चाहे स्क्रि...प्रोग्रामिंग 2024-12-21 को प्रकाशित
-
`if` कथनों से परे: स्पष्ट `bool` रूपांतरण वाले प्रकार को कास्टिंग के बिना और कहाँ उपयोग किया जा सकता है?बूल में प्रासंगिक रूपांतरण बिना कास्ट के स्वीकृतआपकी कक्षा बूल में एक स्पष्ट रूपांतरण को परिभाषित करती है, जिससे आप सीधे सशर्त बयानों में इसके उदाहरण ...प्रोग्रामिंग 2024-12-21 को प्रकाशित
-
मैं अपने वेब फॉर्म के लिए अधिकतम पोस्ट डेटा आकार कैसे बढ़ा सकता हूं?उन्नत फॉर्म सबमिशन के लिए पोस्ट डेटा हैंडलिंग को अधिकतम करनावेब विकास में, ऐसी स्थितियों का सामना करना आम है जहां पर्याप्त मात्रा में डेटा, जैसे उपयोग...प्रोग्रामिंग 2024-12-21 को प्रकाशित
चीनी भाषा का अध्ययन करें
- 1 आप चीनी भाषा में "चलना" कैसे कहते हैं? #का चीनी उच्चारण, #का चीनी सीखना
- 2 आप चीनी भाषा में "विमान ले लो" कैसे कहते हैं? #का चीनी उच्चारण, #का चीनी सीखना
- 3 आप चीनी भाषा में "ट्रेन ले लो" कैसे कहते हैं? #का चीनी उच्चारण, #का चीनी सीखना
- 4 आप चीनी भाषा में "बस ले लो" कैसे कहते हैं? #का चीनी उच्चारण, #का चीनी सीखना
- 5 चीनी भाषा में ड्राइव को क्या कहते हैं? #का चीनी उच्चारण, #का चीनी सीखना
- 6 तैराकी को चीनी भाषा में क्या कहते हैं? #का चीनी उच्चारण, #का चीनी सीखना
- 7 आप चीनी भाषा में साइकिल चलाने को क्या कहते हैं? #का चीनी उच्चारण, #का चीनी सीखना
- 8 आप चीनी भाषा में नमस्ते कैसे कहते हैं? 你好चीनी उच्चारण, 你好चीनी सीखना
- 9 आप चीनी भाषा में धन्यवाद कैसे कहते हैं? 谢谢चीनी उच्चारण, 谢谢चीनी सीखना
- 10 How to say goodbye in Chinese? 再见Chinese pronunciation, 再见Chinese learning
