बूटस्ट्रैप स्पिनर कें साथ कोनों घटक या पृष्ठ कें लोडिंग स्थिति कें संकेत करूं, जे पूरा तरह सं HTML, CSS, आरू कोनों जावास्क्रिप्ट कें साथ निर्मित छै.
विषय में
बूटस्ट्रैप “स्पिनर” कें उपयोग अहां कें प्रोजेक्ट मे लोडिंग स्टेट कें दर्शाबय कें लेल कैल जा सकय छै. ई सब केवल एचटीएमएल आरू सीएसएस स॑ बनलऽ छै, मतलब कि एकरा बनाबै लेली आपने क॑ कोनो जावास्क्रिप्ट के जरूरत नै छै । तथापि, हुनकर दृश्यता केँ टॉगल करबाक लेल अहाँ केँ किछु कस्टम जावास्क्रिप्ट केर आवश्यकता होयत. हुनकऽ रूप, संरेखण, आरू आकार क॑ हमरऽ अद्भुत उपयोगिता वर्गऽ के साथ आसानी स॑ अनुकूलित करलऽ जाब॑ सकै छै ।
सुलभता कें उद्देश्य सं, प्रत्येक लोडर एतय शामिल छै role="status"आ एकटा नेस्टेड <span class="sr-only">Loading...</span>.
सीमा स्पिनर
हल्का लोडिंग संकेतक कें लेल सीमा स्पिनर कें उपयोग करूं.
लोड भ रहल अछि...
रंग
सीमा स्पिनर currentColorअपन लेल उपयोग करैत अछि , मतलब अहाँ पाठ रंग उपयोगिताborder-color क संग रंग अनुकूलित क सकैत छी . अहां मानक स्पिनर पर हमर कोनो टेक्स्ट कलर यूटिलिटी के उपयोग क सकय छी.
लोड भ रहल अछि...
लोड भ रहल अछि...
लोड भ रहल अछि...
लोड भ रहल अछि...
लोड भ रहल अछि...
लोड भ रहल अछि...
लोड भ रहल अछि...
लोड भ रहल अछि...
उपयोगिता क उपयोग कियैक नहि करब border-color? transparentप्रत्येक सीमा स्पिनर कम सं कम एकटा पक्ष कें लेल एकटा सीमा निर्दिष्ट करयत छै , अइ कें लेल .border-{color}उपयोगिता ओकरा ओवरराइड करतय.
बढ़ते स्पिनर
अगर अहां के बॉर्डर स्पिनर के फैंसी नहि अछि त ग्रो स्पिनर पर स्विच करू. जखन कि ई तकनीकी रूप स घुमैत नै अछि, मुदा बेर-बेर बढ़ैत अछि !
लोड भ रहल अछि...
एक बेर फेर, ई स्पिनर के संग बनल अछि currentColor, जाहि सं अहां आसानी सं टेक्स्ट कलर यूटिलिटीज सं एकर रूप बदलि सकय छी . एतय ई नील रंग मे अछि, संगहि समर्थित रूपांतर सेहो ।
लोड भ रहल अछि...
लोड भ रहल अछि...
लोड भ रहल अछि...
लोड भ रहल अछि...
लोड भ रहल अछि...
लोड भ रहल अछि...
लोड भ रहल अछि...
लोड भ रहल अछि...
संरेखण
बूटस्ट्रैप मे स्पिनर rems, currentColor, आ display: inline-flex. मतलब इ आसानी सं आकार बदलल जा सकय छै, रंग बदलल जा सकय छै, आ जल्दी सं संरेखित कैल जा सकय छै.
जोड़ूं .spinner-border-smआ .spinner-grow-smएकटा छोट स्पिनर बनावा कें लेल जेकर उपयोग जल्दी सं अन्य घटकक कें भीतर कैल जा सकय छै.
लोड भ रहल अछि...
लोड भ रहल अछि...
अथवा, आवश्यकतानुसार आयाम बदलै लेली कस्टम CSS या इनलाइन शैली के प्रयोग करलऽ जाय ।
लोड भ रहल अछि...
लोड भ रहल अछि...
बटन के
बटन कें भीतर स्पिनर कें उपयोग इ इंगित करय कें लेल करूं कि कोनों क्रिया वर्तमान मे संसाधित भ रहल छै या भ रहल छै. आप स्पिनर तत्व स॑ बाहर पाठ क॑ स्वैप भी करी सकै छियै आरू जरूरत के अनुसार बटन पाठ क॑ उपयोग करी सकै छियै ।