घटकाः

दर्जनशः पुनःप्रयोज्यघटकाः Bootstrap इत्यस्मिन् निर्मिताः सन्ति येन नेविगेशनं, अलर्ट्स्, पोपोवर्स्, इत्यादीनि बहुधा प्रदातुं शक्यन्ते ।

बटन समूह

एकस्य समष्टिघटकरूपेण अनेकबटन् एकत्र संयोजयितुं बटनसमूहानां उपयोगं कुर्वन्तु । <a>तान् वा <button>तत्त्वानां श्रृङ्खलाया: निर्माणं कुरुत ।

उत्तम अभ्यास

बटनसमूहानां साधनपट्टिकानां च उपयोगाय वयं निम्नलिखितमार्गदर्शिकाः अनुशंसयामः ।

  • एकस्मिन् बटनसमूहे सर्वदा समानतत्त्वस्य उपयोगं कुर्वन्तु, <a>अथवा <button>.
  • एकस्मिन् बटनसमूहे भिन्नवर्णानां बटन् न मिश्रयन्तु ।
  • पाठस्य अतिरिक्तं वा स्थाने वा चिह्नानां उपयोगं कुर्वन्तु, परन्तु यत्र उचितं तत्र alt तथा ​​title पाठं अवश्यं समाविष्टं कुर्वन्तु ।

ड्रॉपडाउन-युक्ताः सम्बन्धिताः Button समूहाः (अधः पश्यन्तु) पृथक् पृथक् आह्वयितव्याः तथा च अभिप्रेतव्यवहारं सूचयितुं सदैव ड्रॉपडाउन-कैरेट् समाविष्टाः भवेयुः ।

पूर्वनिर्धारितं उदाहरणम्

अत्र HTML कथं एंकर टैग् बटन् सह निर्मितं मानक बटन समूहं पश्यति:

  1. <div वर्ग = "btn-समूह" >
  2. <बटन वर्ग = "btn" > 1 </button>
  3. <बटन वर्ग = "btn" > </button>
  4. <बटन वर्ग = "btn" > </button>
  5. </div> इति

उपकरणपट्टिका उदाहरणम्

अधिकजटिलघटकानाम् कृते <div class="btn-group">एकं मध्ये सेट्स् संयोजयन्तु ।<div class="btn-toolbar">

  1. <div वर्ग = "btn-उपकरणपट्टिका" >
  2. <div वर्ग = "btn-समूह" >
  3. ...
  4. </div> इति
  5. </div> इति

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

बटनसमूहाः रेडियोरूपेण अपि कार्यं कर्तुं शक्नुवन्ति, यत्र केवलं एकं बटनं सक्रियं भवितुम् अर्हति, अथवा चेकबॉक्स, यत्र किमपि संख्यायां बटनं सक्रियं भवितुम् अर्हति । तदर्थं जावास्क्रिप्ट् डॉक्स पश्यन्तु ।

जावास्क्रिप्ट प्राप्त करें »

बटनसमूहेषु ड्रॉपडाउन्स्

शिरः उपरि ! ड्रॉप्डाउन्स् सहितं बटन्स् सम्यक् प्रतिपादनार्थं .btn-groupa अन्तः स्वकीयेषु व्यक्तिगतरूपेण वेष्टितव्यम् ।.btn-toolbar

बटन ड्रॉपडाउन

अवलोकन एवं उदाहरण

a इत्यस्य अन्तः स्थापयित्वा .btn-groupसम्यक् मेनू मार्कअपं प्रदातुं ड्रॉप् डाउन मेनू ट्रिगर कर्तुं कस्यापि बटनस्य उपयोगं कुर्वन्तु ।

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

बटनसमूहस्य सदृशं, अस्माकं मार्कअप नियमितबटनमार्कअपस्य उपयोगं करोति, परन्तु शैलीं परिष्कृत्य Bootstrap इत्यस्य ड्रॉपडाउन jQuery प्लगइन् समर्थयितुं मुष्टिभ्यां परिवर्तनैः सह ।

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

सर्वैः बटन् आकारैः सह कार्यं करोति

बटन ड्रॉपडाउन्स् कस्मिन् अपि आकारे कार्यं कुर्वन्ति । भवतः बटनस्य आकाराः .btn-large, .btn-small, अथवा .btn-mini.

जावास्क्रिप्ट् आवश्यकम् अस्ति

बटन् ड्रॉप् डाउन्स् कार्यं कर्तुं Bootstrap ड्रॉप् डाउन प्लगिन् इत्यस्य आवश्यकता भवति ।

केषुचित् सन्दर्भेषु—मोबाइल इव—द्रोप्डाउनमेनू दृश्यपोर्टतः बहिः विस्तारयिष्यन्ति । भवद्भिः संरेखणस्य समाधानं मैन्युअल् रूपेण अथवा कस्टम् जावास्क्रिप्ट् इत्यनेन करणीयम् ।


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

अवलोकन एवं उदाहरण

बटन समूहशैल्याः मार्कअप च आधारेण वयं सहजतया विभक्तबटनं निर्मातुं शक्नुमः । विभक्तबटन् वामभागे मानकक्रिया तथा दक्षिणभागे सन्दर्भलिङ्कैः सह ड्रॉपडाउन टॉगलं दर्शयति ।

आकाराः

अतिरिक्तबटनवर्गाणां उपयोगं कुर्वन्तु .btn-mini, .btn-small, अथवा .btn-largeआकारनिर्धारणार्थम् ।

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

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

वयं सामान्यबटन् ड्रॉप् डाउन्स् इत्यत्र विस्तारं कुर्मः यत् द्वितीयं बटन् क्रिया प्रदातुं शक्नुमः यत् पृथक् ड्रॉप् डाउन ट्रिगर इत्यस्य रूपेण कार्यं करोति ।

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

ड्रॉपअप मेनू

इत्यस्य तत्कालं मातापित्रे एकं वर्गं योजयित्वा अधः उपरि अपि ड्रॉपडाउन मेनूषु टोग्ल् कर्तुं शक्यते .dropdown-menu। इदं the इत्यस्य दिशां flip करिष्यति .caretतथा च मेनू स्वयं पुनः स्थापयिष्यति यत् उपरि अधः न स्थाने अधः उपरि गन्तुं शक्नोति ।

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

बहुकॉन्-पृष्ठ पृष्ठांकन

कदा प्रयोगः कर्तव्यः

Rdio द्वारा प्रेरित अल्ट्रा सरल एवं न्यूनतम शैली पृष्ठांकन, एप्स एवं खोज परिणामों के लिए महान। विशालः खण्डः कठिनः त्यक्तुं शक्यते, सुलभतया स्केल-करणीयः, बृहत् क्लिक्-क्षेत्राणि च प्रदाति ।

स्टेटफुल पृष्ठ लिंक

लिङ्कानि अनुकूलनीयानि सन्ति तथा च समीचीनवर्गेण सह अनेकपरिस्थितौ कार्यं कुर्वन्ति । .disabledअक्लिक् कर्तुं शक्यते लिङ्कानां .activeकृते वर्तमानपृष्ठस्य च कृते।

लचीला संरेखण

पृष्ठकरणलिङ्कानां संरेखणं परिवर्तयितुं द्वयोः वैकल्पिकवर्गयोः एकं योजयन्तु: .pagination-centeredतथा च .pagination-right.

उदाहरणानि

पूर्वनिर्धारितपृष्ठीकरणघटकः लचीलः अस्ति तथा च अनेकविविधतासु कार्यं करोति ।

मार्कअप

एकस्मिन् वेष्टितं <div>, पृष्ठकरणं केवलं एकं <ul>.

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

Pager त्वरित पूर्व एवं अगले लिंक के लिए

पेजर के बारे में

पेजर घटकः लघु मार्कअप इत्यनेन सह सरलपृष्ठीकरणकार्यन्वयनानां कृते लिङ्कानां समुच्चयः अस्ति तथा च हल्कतरशैल्याः सह । ब्लॉग् वा पत्रिका इत्यादीनां सरलसाइट्-स्थानानां कृते इदं महान् अस्ति।

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

पेजर लिङ्क्स् पृष्ठकरणात् सामान्यवर्गस्य अपि उपयोगं कुर्वन्ति .disabled

पूर्वनिर्धारितं उदाहरणम्

पूर्वनिर्धारितरूपेण, पेजरः लिङ्कान् केन्द्रयति ।

  1. <ul वर्ग = "पेजर" >
  2. <लि> इति
  3. <a href = "#" > पूर्वम् </a>
  4. </li> इति
  5. <लि> इति
  6. <a href = "#" > अग्रिमम् </a>
  7. </li> इति
  8. </ul> इति

संरेखित लिंक

वैकल्पिकरूपेण, भवान् प्रत्येकं लिङ्कं पार्श्वेषु संरेखयितुं शक्नोति:

  1. <ul वर्ग = "पेजर" >
  2. <li वर्ग = "पूर्व" >
  3. <a href = "#" > वृद्धः </a>
  4. </li> इति
  5. <li वर्ग = "अगला" >
  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>

विषये

बिल्लाः किञ्चित् प्रकारस्य सूचकं वा गणना वा प्रदर्शयितुं लघु, सरलघटकाः भवन्ति । ते सामान्यतया Mail.app इत्यादिषु ईमेल-ग्राहकेषु अथवा पुश-सूचनार्थं मोबाईल-अनुप्रयोगेषु दृश्यन्ते ।

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

नामः उदाहरण मार्कअप
मूलभूतम्‌ <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>

नायक इकाई

Bootstrap भवतः साइट् मध्ये सामग्रीं प्रदर्शयितुं hero unit इति नामकं लघु, लचीलं घटकं प्रदाति । विपणन-सामग्री-भारयुक्तेषु साइट्-स्थानेषु इदं सम्यक् कार्यं करोति ।

मार्कअप

divस्वस्य सामग्रीं like so इत्यनेन वेष्टयन्तु :

  1. <div class = "नायक-एकक" >
  2. <h1> शीर्षकम् </h1>
  3. <p> टैग्लाइन् </p> इति
  4. <प> इति
  5. <a class = "btn btn-प्राथमिक btn-बड़े" >
  6. अधिकं ज्ञातुं शक्नुवन्ति
  7. </a> इति
  8. </p> इति
  9. </div> इति

नमस्कार, जगत् !

इदं सरलं नायक-एककं, विशेष-सामग्री-सूचनायां वा अतिरिक्तं ध्यानं आकर्षयितुं सरलं जम्बोट्रॉन्-शैली-घटकम् अस्ति ।

अधिकं ज्ञातुं शक्नुवन्ति

पृष्ठ शीर्षक

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

  1. <div class = "पृष्ठ-शीर्षक" >
  2. <h1> उदाहरणं पृष्ठशीर्षकं </h1>
  3. </div> इति

पूर्वनिर्धारित लघुचित्र

पूर्वनिर्धारितरूपेण, Bootstrap इत्यस्य लघुचित्रं न्यूनतमेन आवश्यकेन मार्कअपेन सह लिङ्क् कृतानि चित्राणि प्रदर्शयितुं डिजाइनं कृतम् अस्ति ।

अत्यधिक अनुकूलन योग्य

किञ्चित् अतिरिक्तं मार्कअपं कृत्वा, लघुचित्रेषु शीर्षकं, अनुच्छेदं, बटनं वा इत्यादीनां किमपि प्रकारस्य HTML सामग्रीं योजयितुं शक्यते ।

  • लघुचित्र लेबल

    Cras justo odio, dapibus ac facilisis में, egestas eget quam. Donec id elit नॉन मी पोर्टा ग्रेविडा एट एगेट मेटस. Nullam id dolor id nibh ultrices vehicula उत id elit.

    नामपत्र नामपत्र

  • लघुचित्र लेबल

    Cras justo odio, dapibus ac facilisis में, egestas eget quam. Donec id elit नॉन मी पोर्टा ग्रेविडा एट एगेट मेटस. Nullam id dolor id nibh ultrices vehicula उत id elit.

    नामपत्र नामपत्र

लघुचित्रस्य प्रयोगः किमर्थम्

लघुचित्रं (पूर्वं .media-gridv1.4 पर्यन्तं) फोटोनां वा विडियोनां वा जालपुटानां, चित्रसन्धानपरिणामानां, खुदरा-उत्पादानाम्, पोर्टफोलियोनां, इत्यादीनां कृते महान् अस्ति । ते लिङ्क् अथवा स्थिरसामग्री भवितुम् अर्हन्ति ।

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

लघुचित्रचिह्नं सरलम् अस्ति— ulकिमपि संख्यायां liतत्त्वैः सह a इति सर्वं आवश्यकम् अस्ति । इदमपि सुपर लचीला अस्ति, यत् भवतः सामग्रीं लपेटयितुं केवलं किञ्चित् अधिकं मार्कअपं कृत्वा किमपि प्रकारस्य सामग्रीं अनुमन्यते।

जालस्तम्भ आकाराणां उपयोगं करोति

अन्तिमे, लघुचित्रघटकः लघुचित्रपरिमाणानां नियन्त्रणार्थं विद्यमानजालप्रणालीवर्गाणां उपयोगं करोति—यथा .span2वा .span3—लघुचित्रपरिमाणानां नियन्त्रणार्थं ।

मार्कअपः

यथा पूर्वं उक्तं, लघुचित्रस्य कृते आवश्यकं मार्कअपं लघु, सरलं च भवति । अत्र लिङ्क् कृतानां चित्राणां पूर्वनिर्धारितं सेटअपं पश्यन्तु :

  1. <ul class = "लघुचित्रम्" >
  2. <li वर्ग = "span3" >
  3. <a href = "#" वर्ग = "लघुचित्र" >
  4. <img src = "https://placehold.it/260x180" alt = "" >
  5. </a> इति
  6. </li> इति
  7. ...
  8. </ul> इति

लघुचित्रेषु कस्टम् HTML सामग्रीं कृते, मार्कअप किञ्चित् परिवर्तते । कुत्रापि ब्लॉक् लेवल सामग्रीं अनुमन्यते, वयं the <a>for a <div>like so इति स्वैप् कुर्मः:

  1. <ul class = "लघुचित्रम्" >
  2. <li वर्ग = "span3" >
  3. <div class = "लघुचित्र" >
  4. <img src = "https://placehold.it/260x180" alt = "" >
  5. <h5> लघुचित्रलेबल </h5>
  6. <p> अत्रैव लघुचित्रलेखनम्... </p>
  7. </div> इति
  8. </li> इति
  9. ...
  10. </ul> इति

अधिकानि उदाहरणानि

भवतः कृते उपलब्धैः विविधैः जालवर्गैः सह भवतः सर्वान् विकल्पान् अन्वेष्टुम् अर्हति । भवन्तः भिन्न-भिन्न-आकारानाम् अपि मिश्रणं मेलनं च कर्तुं शक्नुवन्ति ।

लघु पूर्वनिर्धारित

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

Bootstrap 2 इत्यनेन सह वयं आधारवर्गं सरलीकृतवन्तः: .alertस्थाने .alert-message। वयं न्यूनतमं आवश्यकं मार्कअपं अपि न्यूनीकृतवन्तः—न <p>पूर्वनिर्धारितरूपेण आवश्यकम्, केवलं बाह्यम् <div>.

एकल अलर्ट सन्देश

न्यूनसङ्केतयुक्तस्य अधिकस्थायिघटकस्य कृते, वयं ब्लॉकसचेतनानां, अधिकपैडिंगेन सह आगच्छन्तः सन्देशाः सामान्यतया अधिकपाठस्य च कृते भेदकरूपं निष्कासितवन्तः। वर्गः अपि परिवर्तितः अस्ति .alert-block.


जावास्क्रिप्ट् सह महान् गच्छति

Bootstrap एकं महान् jQuery प्लगिन् सह आगच्छति यत् सचेतनासन्देशान् समर्थयति, तान् निराकरणं द्रुतं सुलभं च करोति।

प्लगइन प्राप्त करें »

उदाहरण सचेतना

सरलवर्गेण सह div मध्ये स्वसन्देशं वैकल्पिकं च निकटचिह्नं लपेटयन्तु ।

चेतवानी! Best check yo self, त्वं बहु उत्तमं न दृश्यते।
  1. <div वर्ग = "सचेतना" >
  2. <button class = "बन्द करें" data-dismiss = "सचेतना" > × </button>
  3. <strong> चेतावनी ! </strong> Best check yo self, त्वं बहु उत्तमं न दृश्यते।
  4. </div> इति

शिरः उपरि ! iOS उपकरणेषु href="#"सचेतनानां निराकरणार्थं एकस्य आवश्यकता भवति। तत् तथा anchor close icons कृते data attribute अवश्यं समाविष्टं कुर्वन्तु । वैकल्पिकरूपेण, भवान् <button>data attribute इत्यनेन सह element इत्यस्य उपयोगं कर्तुं शक्नोति, यत् अस्माभिः अस्माकं docs कृते कर्तुं विकल्पितम् अस्ति । , इत्यस्य उपयोगं कुर्वन् <button>भवद्भिः अवश्यमेव समाविष्टं type="button"भवति अथवा भवतः प्रपत्राणि न प्रस्तूयन्ते।

मानकसचेतनासन्देशं द्वयोः वैकल्पिकवर्गयोः सह सहजतया विस्तारयन्तु: .alert-blockअधिकपैडिंग् तथा पाठनियन्त्रणानां .alert-headingकृते तथा च मेलयुक्तशीर्षकस्य कृते ।

चेतवानी!

Best check yo self, त्वं बहु उत्तमं न दृश्यते। नुल्ला विटाए एलिट् लिबेरो, एक फारेत्र औगुए। Praesent commodo cursus मैग्ना, वेल scelerisque nisl consectetur एट.

  1. <div class = "सचेतना-सचेतना-अवरोध" >
  2. <a class = "बन्द" data-dismiss = "सचेतना" href = "#" > × </a>
  3. <h4 class = "alert-heading" > चेतावनी! </h4> इति
  4. Best check yo self, त्वं न...
  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> इति

धारीदारः

पट्टिकायुक्तं प्रभावं निर्मातुं ढालस्य उपयोगं करोति (कोऽपि IE नास्ति) ।

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

सजीवः

पट्टिकायुक्तं उदाहरणं गृहीत्वा तत् सजीवं करोति (no IE)।

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

विकल्पाः ब्राउजर् समर्थनं च

अतिरिक्त रंग

प्रगतिपट्टिकाः सुसंगतशैल्याः कृते केषाञ्चन समानबटनस्य अलर्टवर्गाणां च उपयोगं कुर्वन्ति ।

धारीदार पट्टियाँ

ठोसवर्णानां सदृशं अस्माकं विविधाः पट्टिकायुक्ताः प्रगतिपट्टिकाः सन्ति ।

व्यवहार

प्रगतिपट्टिकाः CSS3 संक्रमणानां उपयोगं कुर्वन्ति, अतः यदि भवान् जावास्क्रिप्ट् मार्गेण विस्तारं गतिशीलरूपेण समायोजयति तर्हि तत् सुचारुतया आकारं परिवर्तयिष्यति ।

यदि भवान् .activeवर्गस्य उपयोगं करोति तर्हि भवतः .progress-stripedप्रगतिपट्टिकाः वामतः दक्षिणत: पट्टिकाः एनिमेट् करिष्यन्ति ।

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

प्रगतिपट्टिकाः स्वस्य सर्वान् प्रभावान् प्राप्तुं CSS3 ढालस्य, संक्रमणस्य, एनिमेशनस्य च उपयोगं कुर्वन्ति । एतानि विशेषतानि IE7-9 अथवा Firefox इत्यस्य प्राचीनसंस्करणेषु समर्थितानि न सन्ति ।

Opera तथा IE इत्येतौ अस्मिन् समये एनिमेशनस्य समर्थनं न कुर्वन्ति ।

वेल्स इति

कस्मिंश्चित् तत्वे इन्सेट् प्रभावं दातुं कूपस्य उपयोगं सरलप्रभावरूपेण कुर्वन्तु ।

पश्यतु, अहं कूपे अस्मि!
  1. <div class = "अच्छा" >
  2. ...
  3. </div> इति

चिह्न को बंद करें

मोडाल्स् तथा अलर्ट् इत्यादीनां सामग्रीं निराकरणार्थं सामान्यनिरोधचिह्नस्य उपयोगं कुर्वन्तु ।

  1. <बटन वर्ग = "बंद करें" > × </बटन> इति

iOS-यन्त्राणां कृते क्लिक्-घटनानां कृते href="#" इत्यस्य आवश्यकता भवति यदि भवान् एङ्कर्-इत्यस्य उपयोगं करोति ।

  1. <a class = "बंद करें" href = "#" > × </a> इति