Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> HTML

Tabs बनाने के लिए बूटस्ट्रैप फ्रेमवर्क का उपयोग करें

टैब्स एक यूजर इंटरफेस (यूआई) तत्व हैं जो हमें अतिरिक्त स्थान का उपयोग किए बिना सूचना के विभिन्न पैन देखने की अनुमति देते हैं। किसी बाइंडर या पुस्तक में टैब की तरह, वे अधिक जानकारी के लिए पृष्ठ पर एक प्लेसमेंट को चिह्नित करते हैं और जानकारी के फलक में क्या होता है, इसकी पहचान की जाती है। जब आप किसी टैब पर क्लिक करते हैं, तो आपको उस टैब से जुड़ी जानकारी के साथ प्रस्तुत किया जाता है।

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

आरंभ करना

यह सुनिश्चित करने के लिए कि हम अपने वेब पेज पर टैब देख सकते हैं, सबसे पहले हमें यह सुनिश्चित करना होगा कि हमारे पास उचित निर्भरताएं हैं। इस प्रोजेक्ट के लिए हमें Bootstrap, Popper.JS और jQuery की जरूरत है। अपनी सभी निर्भरताओं को प्राप्त करने में सहायता के लिए बूटस्ट्रैप के त्वरित प्रारंभ पृष्ठ पर नेविगेट करें।

यह आप पर निर्भर करता है कि हमें आवश्यक पैकेजों को कैसे लिंक करना है, लेकिन jQuery, Popper.js और बूटस्ट्रैप के लिए सामग्री वितरण नेटवर्क - सीडीएन - का उपयोग करना सबसे आसान, सबसे शुरुआती-अनुकूल तरीका है। अपने

  1. CSS के साथ रिस्पॉन्सिव मीट द टीम पेज कैसे बनाएं?

    उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> html {    box-sizing: border-box; } body{    font-family: monospace,serif,sans-serif; } img{    height: 30

  1. HTML में आवश्यक विशेषता का उपयोग कैसे करें?

    HTML में आवश्यक विशेषता का उपयोग किया जाता है o यह निर्दिष्ट करें कि प्रपत्र जमा करने से पहले तत्व को भरा जाना चाहिए। यदि फ़ील्ड नहीं भरी जाती है और सबमिट बटन पर क्लिक किया जाता है, तो एक त्रुटि उत्पन्न होती है, जो फॉर्म जमा करने में विफल हो जाती है। त्रुटि कृपया इस फ़ील्ड को भरें होगी। आवश्यक विशेष

  1. रूबी में स्टेट मशीन बनाने के लिए AASM रत्न का उपयोग कैसे करें

    आज आप स्टेट मशीनों के बारे में जानेंगे कि वे कैसे काम करती हैं और AASM रत्न के साथ अपने रूबी प्रोजेक्ट्स में उनका उपयोग कैसे करें। अब : ट्रैफिक लाइट की कल्पना करें… यह लाल, हरा या पीला हो सकता है। जब यह रंग बदलता है, तो अगला रंग वर्तमान . पर आधारित है एक। मान लें कि यह एक ऐसा प्रकार है जो अंध