मैं हॉवर के बजाय क्लिक पर बूटस्ट्रैप ड्रॉपडाउन मेनू कैसे खोलूं?
मैं हॉवर के बजाय क्लिक पर बूटस्ट्रैप ड्रॉपडाउन मेनू कैसे खोलूं?

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

वीडियो: मैं हॉवर के बजाय क्लिक पर बूटस्ट्रैप ड्रॉपडाउन मेनू कैसे खोलूं?
वीडियो: dropdown navigation bar in bootstrap | dropdown navbar | Bootstrap 4 Tutorial for beginners in Hindi 2024, नवंबर
Anonim

उत्तर: jQuery का प्रयोग करें मंडराना () तरीका

डिफ़ॉल्ट रूप से, to खोलना या प्रदर्शित करें ड्रॉप डाउन मेनू में बूटस्ट्रैप आपको करना होगा क्लिक ट्रिगर तत्व पर। हालाँकि, यदि आप चाहते हैं प्रदर्शन NS ड्रॉप डाउन पर ऊपर टहलना की बजाय क्लिक आप इसे CSS और jQuery का उपयोग करके थोड़े से अनुकूलन के साथ कर सकते हैं।

उसके बाद, आप होवर मेनू पर ड्रॉप डाउन मेनू कैसे बनाते हैं?

खोलने के लिए किसी भी तत्व का प्रयोग करें ड्रॉप डाउन मेनू , जैसे ए, ओ

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

मैं बूटस्ट्रैप में ड्रॉपडाउन बार कैसे बनाऊं? आइए उपयोग करें बूटस्ट्रैप इन तीन सामान्य वेबसाइट सुविधाओं को लागू करने के लिए: ड्रॉप डाउन मेनू . टॉगल नेवबार.

नवबार टॉगल करें

  1. चरण 1: नेवबार बटन को टॉगल करें। index.html में, बूटस्ट्रैप के "नेवबार-डिफॉल्ट" वर्ग को एनएवी तत्व में जोड़ें:
  2. चरण 2: नेवबार बटन का "मेनू आइकन" जोड़ें
  3. चरण 3: एनएवी को "टॉगल-सक्षम" बनाएं

यह भी जानें, आप ड्रॉपडाउन को होवरेबल कैसे बनाते हैं?

उत्तर: सीएसएस का प्रयोग करें: मंडराना छद्म वर्ग यदि आप केवल दिखाना और छिपाना चाहते हैं ड्रॉप डाउन माउस पर मेनू मंडराना आपको किसी जावास्क्रिप्ट की आवश्यकता नहीं है। आप इसे केवल CSS डिस्प्ले प्रॉपर्टी का उपयोग करके कर सकते हैं और: मंडराना छद्म वर्ग। निम्नलिखित उदाहरण आपको दिखाएगा कि सरल को कैसे लागू किया जाए ड्रॉप डाउन सीएसएस का उपयोग करना।

ड्रॉप डाउन मेनू कहाँ है?

सबसे आम प्रकार ड्रॉप डाउन मेनू एक है मेन्यू छड़। विंडोज सिस्टम पर, मेन्यू बार आमतौर पर प्रत्येक खुली खिड़की के शीर्ष पर स्थित होता है। Macintosh सिस्टम पर, यह स्क्रीन के शीर्ष पर तय होता है।

सिफारिश की: