घटक ऐ

नेविगेशन, अलर्ट, पोपोवर, ते होर मता किश उपलब्ध करोआने लेई बूटस्ट्रैप च दर्जन भर पुन: उपयोग करने योग्य घटक बनाए गेदे न।

बटन दे समूह

इक समग्र घटक दे रूप च मते सारे बटनें गी इक कन्नै जोड़ने लेई बटन समूहें दा उपयोग करो. <a>इन्हें या <button>तत्वें दी इक श्रृंखला कन्नै बनाओ ।

उत्तम प्रथाएं

बटन समूहें ते टूलबारें दा इस्तेमाल करने आस्तै अस निम्नलिखित दिशा-निर्देशें दी सलाह दिंदे न:

  • इक बटन समूह च हमेशा इक गै तत्व दा इस्तेमाल करो, <a>जां <button>.
  • इक गै बटन समूह च बक्ख-बक्ख रंगें दे बटनें गी नेईं मिलाओ।
  • पाठ दे अलावा जां इसदे बजाय आइकनें दा इस्तेमाल करो, पर जित्थें उचित होए, alt ते टाइटल पाठ गी जरूर शामल करो।

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

डिफ़ॉल्ट उदाहरण ऐ

एह्दे च एह् दिक्खेआ गेआ ऐ जे एचटीएमएल एंकर टैग बटनें कन्नै बने दा इक मानक बटन समूह कि’यां दिक्खदा ऐ:

  1. <div वर्ग = "बीटीएन-समूह" >
  2. <बटन वर्ग = "बीटीएन" > 1 </बटन>
  3. <बटन वर्ग = "बीटीएन" > 2 </बटन>
  4. <बटन वर्ग = "बीटीएन" > 3 </बटन>
  5. </div> दा

टूलबार दा उदाहरण

होर जटिल घटकें लेई <div class="btn-group">इक च सेटें गी संयोजित करो ।<div class="btn-toolbar">

  1. <div वर्ग = "बीटीएन-टूलबार" >
  2. <div वर्ग = "बीटीएन-समूह" >
  3. ...
  4. </div> दा
  5. </div> दा

चेकबॉक्स ते रेडियो स्वाद

बटन समूह रेडियो दे रूप च बी कम्म करी सकदे न, जित्थै सिर्फ इक बटन सक्रिय होई सकदा ऐ, जां चेकबॉक्स, जित्थै कुसै बी संख्या च बटन सक्रिय होई सकदा ऐ। उसदे लेई जावास्क्रिप्ट डॉक्स दिक्खो ।

जावास्क्रिप्ट पाओ »

बटन समूहें च ड्रॉपडाउन

सिर ऊपर ! ड्रॉपडाउन आह् ले बटनें गी उचित रेंडरिंग आस्तै .btn-groupइक दे अंदर अपने-आपै च व्यक्तिगत रूप कन्नै लपेटेआ जाना लोड़चदा ऐ..btn-toolbar

बटन ड्रॉपडाउन होंदा ऐ

अवलोकन ते उदाहरण

इक ड्रॉपडाउन मेनू गी इक दे अंदर रक्खियै .btn-groupते उचित मेनू मार्कअप उपलब्ध करोआइयै ट्रिगर करने आस्तै कुसै बी बटन दा इस्तेमाल करो.

उदाहरण मार्कअप करना

बटन समूह दे समान, साढ़ा मार्कअप नियमित बटन मार्कअप दा उपयोग करदा ऐ, पर शैली गी परिष्कृत करने ते बूटस्ट्रैप दे ड्रॉपडाउन jQuery प्लगइन गी समर्थन करने आस्तै मुट्ठी भर जोड़ने कन्नै.

  1. <div वर्ग = "बीटीएन-समूह" >
  2. <a class = "बीटीएन ड्रॉपडाउन-टॉगल" डेटा-टॉगल = "ड्रॉपडाउन" href = "#" >
  3. हरकत
  4. <span class = "कैरेट" </span> ऐ
  5. </a> दा
  6. <ul वर्ग = "ड्रॉपडाउन-मेनू" >
  7. <!-- ड्रॉपडाउन मेनू लिंक --> ऐ
  8. </ul> दा
  9. </div> दा

सारे बटन साइज़ कन्नै कम्म करदा ऐ

बटन ड्रॉपडाउन किसे बी आकार च कम्म करदे न। अपने बटन दे आकार गी .btn-large, .btn-small, जां .btn-mini.

जावास्क्रिप्ट दी लोड़ ऐ

बटन ड्रॉपडाउन गी कम्म करने आस्तै बूटस्ट्रैप ड्रॉपडाउन प्लगइन दी लोड़ होंदी ऐ।

किश मामलें च-जि’यां मोबाइल-ड्रॉपडाउन मेनू व्यूपोर्ट दे बाहर फैलग। तुसेंगी संरेखण गी मैन्युअल रूप कन्नै जां कस्टम जावास्क्रिप्ट कन्नै हल करने दी लोड़ ऐ.


बटन ड्रॉपडाउन विभाजित करो

अवलोकन ते उदाहरण

बटन समूह शैलियां ते मार्कअप पर आधारित, अस आसानी कन्नै इक स्प्लिट बटन बनाई सकने आं। विभाजित बटनें च बक्खी दा इक मानक कार्रवाई ते संदर्भ लिंक कन्नै सज्जे पास्से इक ड्रॉपडाउन टॉगल दी सुविधा ऐ।

साइज दे

अतिरिक्त बटन वर्गें दा उपयोग करो .btn-mini, .btn-small, जां .btn-largeआकार देने लेई।

  1. <div वर्ग = "बीटीएन-समूह" >
  2. ...
  3. <ul class = "ड्रॉपडाउन-मेनू पुल-राइट" >
  4. <!-- ड्रॉपडाउन मेनू लिंक --> ऐ
  5. </ul> दा
  6. </div> दा

उदाहरण मार्कअप करना

अस इक दुए बटन कार्रवाई प्रदान करने आस्तै सामान्य बटन ड्रॉपडाउन पर विस्तार करदे आं जेह् ड़ी इक बक्ख ड्रॉपडाउन ट्रिगर दे रूप च कम्म करदी ऐ।

  1. <div वर्ग = "बीटीएन-समूह" >
  2. <बटन वर्ग = "बीटीएन" > कार्रवाई </बटन>
  3. <बटन वर्ग = "बीटीएन ड्रॉपडाउन-टॉगल" डेटा-टॉगल = "ड्रॉपडाउन" >
  4. <span class = "कैरेट" </span> ऐ
  5. </बटन> दा
  6. <ul वर्ग = "ड्रॉपडाउन-मेनू" >
  7. <!-- ड्रॉपडाउन मेनू लिंक --> ऐ
  8. </ul> दा
  9. </div> दा

ड्रॉपअप मेनू

ड्रॉपडाउन मेनू गी बी निचले थमां उप्पर टॉगल कीता जाई सकदा ऐ .dropdown-menu. एह् दी दिशा गी फ्लिप करग .caretते मेनू गी अपने आपै गी दुबारा स्थापत करग तां जे उप्पर थमां हेठ जाने दी बजाय थल्लै थमां उप्पर चली सकै।

  1. <div वर्ग = "बीटीएन-समूह ड्रॉपअप" >
  2. <बटन वर्ग = "बीटीएन" > ड्रॉपअप </बटन>
  3. <बटन वर्ग = "बीटीएन ड्रॉपडाउन-टॉगल" डेटा-टॉगल = "ड्रॉपडाउन" >
  4. <span class = "कैरेट" </span> ऐ
  5. </बटन> दा
  6. <ul वर्ग = "ड्रॉपडाउन-मेनू" >
  7. <!-- ड्रॉपडाउन मेनू लिंक --> ऐ
  8. </ul> दा
  9. </div> दा

मल्टीकॉन-पृष्ठ पृष्ठांकन करना

कदूं इस्तेमाल करना

Rdio थमां प्रेरित अल्ट्रा सरल ते न्यूनतम शैली दा पृष्ठांकन, ऐप ते खोज परिणामें लेई शानदार। बड्डा ब्लॉक छूटना मुश्कल ऐ, आसानी कन्नै स्केल कीता जाई सकदा ऐ, ते बड्डे क्लिक क्षेत्र उपलब्ध करोआंदा ऐ।

स्टेटफुल पेज लिंक

लिंक अनुकूलन योग्य न ते सच्चे वर्ग कन्नै केईं परिस्थितियें च कम्म करदे न। .disabledअनक्लिक कीते जाने आह् ले लिंक आस्तै ते .activeमौजूदा पृष्ठ आस्तै।

लचीला संरेखण

पृष्ठांकन लिंकें दी संरेखण गी बदलने आस्तै दो वैकल्पिक वर्गें च कुसै इक गी जोड़ो: .pagination-centeredते .pagination-right.

उदाहरण दे

डिफाल्ट पृष्ठांकन घटक लचीला ऐ ते इक नंबर दे बदलावें च कम्म करदा ऐ.

मार्कअप करना

इक च लपेटे दा <div>, पृष्ठांकन सिर्फ इक <ul>.

  1. <div वर्ग = "पृष्ठांकन" > ऐ
  2. <उल> दा
  3. <li><a href = "#" > पिछला </a></li>
  4. <ली वर्ग = "सक्रिय" > ऐ
  5. <a href = "#" > 1 </a> ऐ
  6. </li> दा
  7. <li><a href = "#" > 2 </a></li> ऐ
  8. <li><a href = "#" > 3 </a></li> ऐ
  9. <li><a href = "#" > 4 ​​</a></li> ऐ
  10. <li><a href = "#" > अगला </a></li>
  11. </ul> दा
  12. </div> दा

पेजर त्वरित पिछले ते अगले लिंक लेई

पेजर दे बारे च

पेजर घटक हल्के मार्कअप ते होर बी हल्के शैलियें कन्नै सरल पृष्ठीकरण कार्यान्वयन आस्तै लिंकें दा इक सेट ऐ। ब्लॉग जां पत्रिकाएं जनेह् साधारण साइटें आस्तै एह् बड़ा शैल ऐ।

वैकल्पिक अक्षम स्थिति

पेजर लिंक .disabledपृष्ठांकन थमां सामान्य वर्ग दा बी इस्तेमाल करदे न।

डिफ़ॉल्ट उदाहरण ऐ

डिफ़ॉल्ट रूप कन्नै, पेजर लिंकें गी केंद्रत करदा ऐ।

  1. <ul वर्ग = "पेजर" > ऐ
  2. <ली> दा
  3. <a href = "#" > पिछला </a>
  4. </li> दा
  5. <ली> दा
  6. <a href = "#" > अगला </a>
  7. </li> दा
  8. </ul> दा

संरेखित लिंक

वैकल्पिक रूप कन्नै, तुस हर इक लिंक गी बक्ख-बक्ख संरेखित करी सकदे ओ:

  1. <ul वर्ग = "पेजर" > ऐ
  2. <ली वर्ग = "पिछला" >
  3. <a href = "#" > & लरर ऐ; पुराना </a>
  4. </li> दा
  5. <ली वर्ग = "अगला" >
  6. <a href = "#" > नए → </a> दा
  7. </li> दा
  8. </ul> दा
लेबल लगाए मार्कअप करना
डिफाल्ट <span class="label">Default</span>
कामयाबी <span class="label label-success">Success</span>
चेतावनी <span class="label label-warning">Warning</span>
जरूरी <span class="label label-important">Important</span>
इन्फो <span class="label label-info">Info</span>
उल्टा <span class="label label-inverse">Inverse</span>

तकरीबन

बिल्ला कुसै किस्म दे संकेतक जां गिनती गी प्रदर्शत करने आस्तै छोटे, सरल घटक न। एह् आमतौर उप्पर मेल.एप जनेह् ईमेल क्लाइंटें च जां पुश सूचनाएं आस्तै मोबाइल ऐपें पर पाए जंदे न।

उपलब्ध कक्षाएं

नां मसाल मार्कअप करना
डिफाल्ट <span class="badge">1</span>
कामयाबी <span class="badge badge-success">2</span>
चेतावनी <span class="badge badge-warning">4</span>
जरूरी <span class="badge badge-important">6</span>
इन्फो <span class="badge badge-info">8</span>
उल्टा १० <span class="badge badge-inverse">10</span>

हीरो इकाई

बूटस्ट्रैप तुंदी साइट पर सामग्री गी प्रदर्शत करने आस्तै इक हल्के वजन आह् ला, लचीला घटक प्रदान करदा ऐ जिसगी हीरो इकाई आखेआ जंदा ऐ। एह् मार्केटिंग ते सामग्री-भारी साइटें पर खरा कम्म करदा ऐ।

मार्कअप करना

अपनी सामग्री गी लाइक च लपेटो divतां जे:

  1. <div वर्ग = "हीरो-इकाई" > ऐ
  2. <h1> हेडिंग </h1> ऐ
  3. <p> टैगलाइन </p> ऐ
  4. <p> दा
  5. <a class = "बीटीएन बीटीएन-प्राथमिक बीटीएन-बड़े" >
  6. और जानें
  7. </a> दा
  8. </p> दा
  9. </div> दा

नमस्कार, दुनिया!

एह् इक साधारण हीरो इकाई ऐ, फीचर सामग्री जां जानकारी पर अतिरिक्त ध्यान आह्नने आस्तै इक साधारण जंबोट्रॉन शैली दा घटक ऐ।

और जानें

पेज दा हेडर

h1इक पृष्ठ पर सामग्री दे खंडें गी उचित रूप कन्नै स्पेस आउट ते सेगमेंट करने आस्तै इक आस्तै इक साधारण शेल । एह् h1's डिफाल्ट small, तत्व दे कन्नै-कन्नै होर मते सारे घटकें (अतिरिक्त शैलियें कन्नै) दा उपयोग करी सकदा ऐ.

  1. <div वर्ग = "पृष्ठ-शीर्षक" >
  2. <h1> उदाहरण पृष्ठ हेडर </h1>
  3. </div> दा

डिफ़ॉल्ट थंबनेल ऐ

डिफाल्ट रूप कन्नै, बूटस्ट्रैप दे थंबनेल गी घट्ट शा घट्ट जरूरी मार्कअप कन्नै लिंक कीती गेदी छवियें गी प्रदर्शत करने आस्तै डिजाइन कीता गेदा ऐ।

बेहद अनुकूलन योग्य ऐ

थोह् ड़ी-मती अतिरिक्त मार्कअप कन्नै, थंबनेल च कुसै बी चाल्ली दी HTML सामग्री जि’यां हेडिंग, पैराग्राफ, जां बटन जोड़ना संभव ऐ।

  • थंबनेल लेबल

    क्रास जस्टो ओडियो, डैपिबस एसी फैसिलिस इन, एगेस्तास एगेट क्वाम। डोनेक आईडी एलिट नॉन मी पोर्टा ग्रेविडा एट एगेट मेटस। नुल्लम आईडी डोलोर आईडी निभ ultrices vehicula उत आईडी अभिजात वर्ग।

    हरकत हरकत

  • थंबनेल लेबल

    क्रास जस्टो ओडियो, डैपिबस एसी फैसिलिस इन, एगेस्तास एगेट क्वाम। डोनेक आईडी एलिट नॉन मी पोर्टा ग्रेविडा एट एगेट मेटस। नुल्लम आईडी डोलोर आईडी निभ ultrices vehicula उत आईडी अभिजात वर्ग।

    हरकत हरकत

थंबनेल दा इस्तेमाल क्यों करो

थंबनेल (पैह् ले .media-gridv1.4 तगर) फोटो जां वीडियो दे ग्रिड, छवि खोज परिणाम, खुदरा उत्पाद, पोर्टफोलियो, ते होर मते सारें लेई शानदार न। एह् लिंक जां स्थिर सामग्री होई सकदे न।

सादा, लचीला मार्कअप

थंबनेल मार्कअप सरल ऐ- ulकिसे बी संख्या च liतत्वें कन्नै इक एह् सब किश ऐ जेह् ड़ी लोड़चदी ऐ। एह् सुपर लचीला बी ऐ, जेह् ड़ा तुंदी सामग्री गी लपेटने आस्तै सिर्फ थोह् ड़ी-मती मार्कअप कन्नै कुसै बी किस्म दी सामग्री दी अनुमति दिंदा ऐ।

ग्रिड स्तंभ आकारें दा उपयोग करदा ऐ

आखरी च, थंबनेल घटक थंबनेल आयामें दे नियंत्रण आस्तै मौजूदा ग्रिड सिस्टम वर्गें दा उपयोग करदा ऐ-जि’यां .span2जां —..span3

मार्कअप दा

जि’यां पैह् ले आखेआ गेआ ऐ, थंबनेल आस्तै लोड़चदा मार्कअप हल्का ते सीधा ऐ। लिंक कीती गेदी छवियें आस्तै डिफ़ॉल्ट सेटअप पर इक नज़र ऐ :

  1. <ul class = "थंबनेल" > ऐ
  2. <ली वर्ग = "स्पैन3" > ऐ
  3. <a href = "#" वर्ग = "थंबनेल" >
  4. <img src = "https://प्लेसहोल्ड.इट/260x180" alt = "" > ऐ
  5. </a> दा
  6. </li> दा
  7. ...
  8. </ul> दा

थंबनेल च कस्टम HTML सामग्री आस्तै, मार्कअप च थोड़ा बदलाव होंदा ऐ। ब्लॉक स्तर दी सामग्री गी कुतै बी अनुमति देने लेई, अस <a>गी इक <div>पसंद आस्तै स्वैप करदे आं तां:

  1. <ul class = "थंबनेल" > ऐ
  2. <ली वर्ग = "स्पैन3" > ऐ
  3. <div वर्ग = "थंबनेल" > ऐ
  4. <img src = "https://प्लेसहोल्ड.इट/260x180" alt = "" > ऐ
  5. <h5> थंबनेल लेबल </h5> ऐ
  6. <p> थंबनेल कैप्शन ठीक इत्थें... </p>
  7. </div> दा
  8. </li> दा
  9. ...
  10. </ul> दा

होर मिसाल

तुंदे कोल उपलब्ध बक्ख-बक्ख ग्रिड क्लासें कन्नै अपने सारे विकल्पें दी खोज करो। तुस बक्ख-बक्ख आकारें गी बी मिक्स ते मैच करी सकदे ओ।

हल्के वजन दे डिफ़ॉल्ट

पुनर्लिखित आधार वर्ग

बूटस्ट्रैप 2 कन्नै, असें आधार वर्ग गी सरल कीता ऐ: .alertबजाय .alert-message. असी घट्टोघट्ट जरूरी मार्कअप गी बी घट्ट कीता <p>ऐ-कोई डिफ़ॉल्ट रूप कन्नै जरूरी नेईं ऐ, बस बाहरी <div>.

इकल अलर्ट संदेश

कम कोड कन्नै इक होर टिकाऊ घटक आस्तै, असें ब्लॉक अलर्टें, संदेशें गी जेह् ड़े मते पैडिंग कन्नै औंदे न ते आमतौर पर मता पाठ आस्तै विभेदक रूप गी हटाई दित्ता ऐ। क्लास बी बदली गेई ऐ .alert-block.


जावास्क्रिप्ट दे कन्नै शानदार चलदा ऐ

बूटस्ट्रैप इक शानदार jQuery प्लगइन कन्नै औंदा ऐ जेह् ड़ा अलर्ट संदेशें गी समर्थन करदा ऐ, जिस कन्नै उनेंगी खारिज करना तेज़ ते आसान होई जंदा ऐ।

प्लगइन प्राप्त करो »

उदाहरण दे अलर्ट

अपने संदेश ते इक वैकल्पिक बंद आइकन गी सरल वर्ग कन्नै इक div च लपेटो।

चेतावनी! बेस्ट चेक यो सेल्फ, तुसीं बहुत अच्छा नहीं लग रहे हो।
  1. <div वर्ग = "सचेतक" > ऐ
  2. <बटन वर्ग = "बंद करो" डेटा-खारिज = "अलर्ट" > × </बटन>
  3. <strong> चेतावनी दी ! </strong> बेस्ट चेक यो सेल्फ, तुसीं बहुत अच्छा नहीं लग रहे हो।
  4. </div> दा

सिर ऊपर ! आईओएस डिवाइस href="#"गी अलर्टें गी खारिज करने लेई इक दी लोड़ होंदी ऐ। एंकर बंद आइकनें लेई इसगी ते डेटा विशेषता गी जरूर शामल करो. वैकल्पिक रूप कन्नै, तुस <button>डेटा विशेषता कन्नै इक तत्व दा इस्तेमाल करी सकदे ओ, जेह् ड़ा असें अपने दस्तावेजें आस्तै करने दा विकल्प चुनेआ ऐ. बरतदे बेल्लै <button>तुसेंगी शामल करना होग type="button"जां तुंदे फार्म जमा नेईं करी सकदे न।

दो वैकल्पिक वर्गें कन्नै मानक अलर्ट संदेश गी आसानी कन्नै विस्तार करो: .alert-blockहोर पैडिंग ते पाठ नियंत्रणें .alert-headingआस्तै ते इक मिलान हेडिंग आस्तै।

चेतावनी!

बेस्ट चेक यो सेल्फ, तुसीं बहुत अच्छा नहीं लग रहे हो। नुल्ला विटाए एलिट लिबेरो, इक फारेत्रा औग। प्रैसेंट कोमोडो कर्सस मैग्ना, वेल scelerisque nisl consectetur एट।

  1. <div class = "अलर्ट अलर्ट-ब्लॉक" >
  2. <a class = "बंद करो" डेटा-खारिज = "अलर्ट" href = "#" > × </a>
  3. <h4 class = "अलर्ट-हेडिंग" > चेतावनी ऐ! </h4> दा
  4. बेस्ट चेक यो सेल्फ, तुसीं नहीं हो...
  5. </div> दा

संदर्भ विकल्प इक अलर्ट दे अर्थ गी बदलने लेई वैकल्पिक वर्गें गी जोड़ो

गलती या खतरा

ओह स्नैप ! कुछ गल्लां बदलो ते दुबारा जमा करने दी कोशश करो।
  1. <div class = "अलर्ट अलर्ट-त्रुटि" >
  2. ...
  3. </div> दा

कामयाबी

बड़ा शैल! तुसें इस महत्वपूर्ण अलर्ट संदेश गी सफलतापूर्वक पढ़ेआ।
  1. <div class = "अलर्ट अलर्ट-सफलता" >
  2. ...
  3. </div> दा

जानकारी

सिर ऊपर ! इस अलर्ट गी तुंदा ध्यान देने दी लोड़ ऐ, पर एह् सुपर महत्वपूर्ण नेईं ऐ।
  1. <div class = "अलर्ट अलर्ट-जानकारी" >
  2. ...
  3. </div> दा

उदाहरण ते मार्कअप

बुनियादी

इक ऊर्ध्वाधर ढाल कन्नै डिफ़ॉल्ट प्रगति पट्टी।

  1. <div वर्ग = "प्रगति" > ऐ
  2. <div वर्ग = "बार" ऐ।
  3. शैली = " चौड़ाई : 60 %; " ></div>
  4. </div> दा

धारीदार

धारीदार प्रभाव बनाने लेई इक ढाल दा उपयोग करदा ऐ (कोई आईई नेईं)।

  1. <div class = "प्रगति प्रगति-धारीदार" >
  2. <div वर्ग = "बार" ऐ।
  3. शैली = " चौड़ाई : 20 %; " ></div>
  4. </div> दा

एनिमेटेड

धारीदार उदाहरण लैंदा ऐ ते इसगी एनिमेट करदा ऐ (कोई आईई नेईं)।

  1. <div class = "प्रगति प्रगति-धारीदार।"
  2. सक्रिय" > ऐ
  3. <div वर्ग = "बार" ऐ।
  4. शैली = " चौड़ाई : 40 %; " ></div>
  5. </div> दा

विकल्प ते ब्राउज़र समर्थन

अतिरिक्त रंग

प्रगति पट्टी लगातार शैलियें आस्तै इक गै बटन ते अलर्ट वर्गें दे किश दा उपयोग करदी ऐ।

धारीदार सलाखें

ठोस रंगें दे समान, असें गी बक्ख-बक्ख धारीदार प्रगति पट्टियां न।

ब्यहार

प्रगति बार CSS3 संक्रमणें दा उपयोग करदे न, इसलेई जेकर तुस जावास्क्रिप्ट दे राहें चौड़ाई गी गतिशील रूप कन्नै समायोजित करदे ओ तां एह् सुचारू रूप कन्नै आकार बदलग.

जेकर तुस .activeक्लास दा इस्तेमाल करदे ओ तां तुंदी .progress-stripedप्रगति पट्टी बाएं थमां दाएं पट्टियें गी एनिमेट करग।

ब्राउज़र दा समर्थन करना

प्रगति बार अपने सारे प्रभावें गी हासल करने लेई CSS3 ढाल, संक्रमण, ते एनीमेशन दा उपयोग करदे न। एह् सुविधां IE7-9 जां फायरफॉक्स दे पुराने संस्करणें च समर्थत नेईं न.

ओपेरा ते आईई इस समें एनीमेशन दा समर्थन नेईं करदे न।

वेल्स ने दी

कुएं गी इक तत्व पर इक साधारण प्रभाव दे रूप च इस्तेमाल करो तां जे उसी इक इनसेट प्रभाव दित्ता जाई सकै।

देखो, मैं इक कुएं च हां!
  1. <div वर्ग = "अच्छा" > ऐ
  2. ...
  3. </div> दा

बंद करो आइकन

मोडल ते अलर्ट जनेह् सामग्री गी खारिज करने आस्तै जेनेरिक बंद आइकन दा उपयोग करो.

  1. <बटन वर्ग = "बंद करो" > × </बटन> दा

जेकर तुस इक एंकर दा इस्तेमाल करना चांह् दे ओ तां आईओएस डिवाइसें गी क्लिक घटनाएं आस्तै इक href="#" दी लोड़ होंदी ऐ.

  1. <a class = "बंद करो" href = "#" > & टाइम्स; </a> दा