जावास्क्रिप्ट का उपयोग कर हिंडोला

| | | | |

जब हम एक मजेदार दौर के बारे में सोचते हैं, तो हम आम तौर पर मनोरंजन पार्क के बारे में सोचते हैं जो आपने एक बच्चे के रूप में किया होगा - एक बड़ा घूमने वाला मंच जिसमें रंगीन मीरा-गो-राउंड घोड़े ऊपर और नीचे चलते हैं आप जैसे जाते हैं। जैसे-जैसे मीरा-गो-राउंड आगे बढ़ता है।

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

आरंभ करना

बूटस्ट्रैप हिंडोला स्थापित करने के लिए सबसे पहले हमें यह सुनिश्चित करना होगा कि हमारे पास सही निर्भरताएँ हैं। इसके लिए हमें Bootstrap, PopperJS और jQuery की जरूरत है। अपनी निर्भरताएं जोड़ने में आपकी सहायता के लिए बूटस्ट्रैप क्विकस्टार्ट पर जाएं प्रोजेक्ट.

निर्भरता आवश्यकताओं को कैसे संभालना है, यह आप पर निर्भर है, लेकिन सामग्री वितरण नेटवर्क का उपयोग करना सबसे आसान और सबसे शुरुआती-अनुकूल तरीका है; सीडीएन - jQuery, Popper.js और बूटस्ट्रैप के लिए। < स्क्रिप्ट src = "https: //stack.bootstrapcdn4.bootstrap/integrity.bootpath. =" sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf / nJGzIxFDsf4x; RMltonymous; यह समझने की महत्वपूर्ण बात है कि href का नियंत्रण कार्य से कैसे मेल खाना चाहिए, यह समझना चाहिए वैश्विक हिंडोला div.

निम्न जांच:


हिंडोला का सबसे बाहरी कंटेनर:

बूटकैंप फंडिंग बूटकैंप स्नातक और पूर्व छात्र

  • ढक्कन <एक वर्ग = "एनएवी-लिंक ड्रॉपडाउन-टॉगल स्मॉलकैप्स" href = "#" आईडी = "नेवबारड्रॉपडाउन" भूमिका = "बटन" डेटा-टॉगल = "ड्रॉपडाउन" एरिया-हैपॉपअप = "सच" एरिया-विस्तारित = " false "> एन्कोडिंग HTML CSS JS Python Ruby C++ Java
  • समाचार और समीक्षाएं
  • <फॉर्म क्लास = "फॉर्म-इनलाइन my-2 my-lg-0"> <इनपुट क्लास =" फॉर्म-कंट्रोल mr-sm-2 "टाइप =" सर्च "प्लेसहोल्डर =" सर्च " एरिया-लेबल =" खोज "> <बटन वर्ग =" btn btn-outline-success my-2 my-sm-0 "type =" सबमिट "> खोजें
    पिछला Next < /a>

    उपरोक्त कोड स्निपेट में क्रमबद्ध सूची यह है एक झंडे। सक्रिय वर्ग कैरोसेल-आइटम में सक्रिय वर्ग से मेल खाता है।

    निष्कर्ष

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

    एक आखिरी बात: ध्यान रखें कि हिंडोला घटक अभिगम्यता के मामले में उपयोग करने के लिए सबसे अच्छा नहीं हो सकता है। अपने पृष्ठ को यथासंभव सुलभ बनाना जारी रखना सुनिश्चित करें और अपने हिंडोला में ऐसी जानकारी का उपयोग न करें जो कहीं और नहीं मिल सकती है।

    शुभकामनाएं, क्योंकि आप बूटस्ट्रैप उपयोगकर्ता यात्रा जारी रखते हैं!

    Shop

    Learn programming in R: courses

    $

    Best Python online courses for 2022

    $

    Best laptop for Fortnite

    $

    Best laptop for Excel

    $

    Best laptop for Solidworks

    $

    Best laptop for Roblox

    $

    Best computer for crypto mining

    $

    Best laptop for Sims 4

    $

    Latest questions

    NUMPYNUMPY

    psycopg2: insert multiple rows with one query

    12 answers

    NUMPYNUMPY

    How to convert Nonetype to int or string?

    12 answers

    NUMPYNUMPY

    How to specify multiple return types using type-hints

    12 answers

    NUMPYNUMPY

    Javascript Error: IPython is not defined in JupyterLab

    12 answers


    Wiki

    Python OpenCV | cv2.putText () method

    numpy.arctan2 () in Python

    Python | os.path.realpath () method

    Python OpenCV | cv2.circle () method

    Python OpenCV cv2.cvtColor () method

    Python - Move item to the end of the list

    time.perf_counter () function in Python

    Check if one list is a subset of another in Python

    Python os.path.join () method