नेविगेशन, अलर्ट्, पोपोवर्स, इत्यादीनि प्रदातुं निर्मिताः दर्जनशः पुनःप्रयोज्यघटकाः ।
लिङ्कानां सूचीं प्रदर्शयितुं टॉगल-योग्यं, सन्दर्भ-मेनू । ड्रॉपडाउन जावास्क्रिप्ट प्लगइन इत्यनेन सह अन्तरक्रियाशीलं कृतम् .
- <ul वर्ग = "ड्रॉपडाउन-मेनू" भूमिका = "मेनू" aria-labelledby = "ड्रॉपडाउनमेनू" >
- <li><a tabindex = "-1" href = "#" > क्रिया </a></li>
- <li><a tabindex = "-1" href = "#" > अन्यत् क्रिया </a></li>
- <li><a tabindex = "-1" href = "#" > अन्यत् किमपि अत्र </a></li>
- <li class = "विभाजक" </li>
- <li><a tabindex = "-1" href = "#" > पृथक् लिङ्क् </a></li>
- </ul> इति
केवलं ड्रॉप् डाउन मेन्यू पश्यन्, अत्र आवश्यकं HTML अस्ति । भवद्भिः ड्रॉप् डाउन इत्यस्य ट्रिगरं ड्रॉप् डाउन मेन्यू च अन्तः वेष्टयितुं आवश्यकम् .dropdown
, अथवा अन्यत् एलिमेण्ट् यत् घोषयति position: relative;
। ततः केवलं मेनू रचयन्तु।
- <div class = "ड्रॉपडाउन" >
- <!-- ड्रॉपडाउन् टॉगल कर्तुं लिङ्क् अथवा बटन् -->
- <ul वर्ग = "ड्रॉपडाउन-मेनू" भूमिका = "मेनू" aria-labelledby = "dLabel" >
- <li><a tabindex = "-1" href = "#" > क्रिया </a></li>
- <li><a tabindex = "-1" href = "#" > अन्यत् क्रिया </a></li>
- <li><a tabindex = "-1" href = "#" > अन्यत् किमपि अत्र </a></li>
- <li class = "विभाजक" </li>
- <li><a tabindex = "-1" href = "#" > पृथक् लिङ्क् </a></li>
- </ul> इति
- </div> इति
मेनू दक्षिणतः संरेखयन्तु तथा च ड्रॉपडाउन्स् इत्यस्य अतिरिक्तस्तरं समाविष्टं योजयन्तु ।
.pull-right
a मध्ये योजयन्तु .dropdown-menu
दक्षिणतः ड्रॉपडाउन मेनू संरेखयन्तु ।
- <ul वर्ग = "ड्रॉपडाउन-मेनू पुल-राइट" भूमिका = "मेनू" aria-labelledby = "dLabel" >
- ...
- </ul> इति
लिङ्क् निष्क्रियं कर्तुं ड्रॉप् डाउन मध्ये .disabled
a मध्ये योजयन्तु ।<li>
- <ul वर्ग = "ड्रॉपडाउन-मेनू" भूमिका = "मेनू" aria-labelledby = "ड्रॉपडाउनमेनू" >
- <li><a tabindex = "-1" href = "#" > नियमितलिङ्कः </a></li>
- <li class = "अक्षमम्" ><a tabindex = "-1" href = "#" > अक्षमलिङ्क् </a></li>
- <li><a tabindex = "-1" href = "#" > अन्यत् लिङ्क् </a></li>
- </ul> इति
ड्रॉपडाउन मेनू इत्यस्य अतिरिक्तस्तरं योजयन्तु, OS X इत्यस्य इव होवर इत्यत्र दृश्यन्ते, केषाञ्चन सरलमार्कअप-योजनाभिः सह । स्वचालित-स्टाइलिंग् कृते विद्यमान-ड्रॉप्-डाउन-मेनू-मध्ये .dropdown-submenu
कस्मिन् अपि योजयन्तु ।li
- <ul वर्ग = "ड्रॉपडाउन-मेनू" भूमिका = "मेनू" aria-labelledby = "dLabel" >
- ...
- <li class = "ड्रॉपडाउन-उपमेनू" >
- <a tabindex = "-1" href = "#" > अधिकविकल्पाः </a>
- <ul class = "ड्रॉपडाउन-मेनू" >
- ...
- </ul> इति
- </li> इति
- </ul> इति
Rdio द्वारा प्रेरित सरल पृष्ठांकन, एप्स एवं खोज परिणामों के लिए महान। विशालः खण्डः कठिनः त्यक्तुं शक्यते, सुलभतया स्केल-करणीयः, बृहत् क्लिक्-क्षेत्राणि च प्रदाति ।
- <div वर्ग = "पृष्ठांकन" >
- <उल> इति
- <li><a href = "#" > पूर्व </a></li>
- <li><a href = "#" > १ </a></li> इति
- <li><a href = "#" > २ </a></li> इति
- <li><a href = "#" > ३ </a></li> इति
- <li><a href = "#" > ४ </a></li> इति
- <li><a href = "#" > ५ </a></li> इति
- <li><a href = "#" > अग्रिमम् </a></li>
- </ul> इति
- </div> इति
लिङ्कानि भिन्नपरिस्थितिषु अनुकूलनीयानि सन्ति। अक्लिक् कर्तुं .disabled
शक्यते लिङ्कानां कृते .active
वर्तमानपृष्ठं सूचयितुं च उपयुज्यताम् ।
- <div वर्ग = "पृष्ठांकन" >
- <उल> इति
- <li वर्ग = "अक्षम" ><a href = "#" > « </a></li> इति
- <li class = "सक्रिय" ><a href = "#" > 1 </a></li>
- ...
- </ul> इति
- </div> इति
अभिप्रेतशैल्याः अवधारणं कुर्वन् क्लिक् कार्यक्षमतां दूरीकर्तुं भवान् वैकल्पिकरूपेण spans कृते सक्रियम् अथवा अक्षमम् एंकर्स् स्वैप् आउट् कर्तुं शक्नोति ।
- <div वर्ग = "पृष्ठांकन" >
- <उल> इति
- <li class = "अक्षम" ><span> « </span></li> इति
- <li class = "सक्रिय" ><span> १ </span></li>
- ...
- </ul> इति
- </div> इति
आडम्बरपूर्णं बृहत्तरं वा लघुतरं पृष्ठकरणम्? अतिरिक्त आकाराणां कृते .pagination-large
, .pagination-small
, अथवा योजयन्तु ।.pagination-mini
- <div class = "पृष्ठांकन पृष्ठांकन-बड़े" >
- <उल> इति
- ...
- </ul> इति
- </div> इति
- <div वर्ग = "पृष्ठांकन" >
- <उल> इति
- ...
- </ul> इति
- </div> इति
- <div class = "पृष्ठांकन पृष्ठांकन-लघु" >
- <उल> इति
- ...
- </ul> इति
- </div> इति
- <div class = "पृष्ठांकन पृष्ठांकन-मिनी" >
- <उल> इति
- ...
- </ul> इति
- </div> इति
पृष्ठकरणलिङ्कानां संरेखणं परिवर्तयितुं द्वयोः वैकल्पिकवर्गयोः एकं योजयन्तु: .pagination-centered
तथा च .pagination-right
.
- <div class = "पृष्ठांकन पृष्ठांकन-केन्द्रित" >
- ...
- </div> इति
- <div class = "पृष्ठांकन पृष्ठांकन-अधिकार" >
- ...
- </div> इति
लघु मार्कअप तथा शैलियों के साथ सरल पृष्ठांकन कार्यान्वयनों के लिए त्वरित पूर्व और अगले लिङ्क। ब्लॉग् वा पत्रिका इत्यादीनां सरलसाइट्-स्थानानां कृते इदं महान् अस्ति।
पूर्वनिर्धारितरूपेण, पेजरः लिङ्कान् केन्द्रयति ।
- <ul वर्ग = "पेजर" >
- <li><a href = "#" > पूर्वम् </a></li>
- <li><a href = "#" > अग्रिमम् </a></li>
- </ul> इति
वैकल्पिकरूपेण, भवान् प्रत्येकं लिङ्कं पार्श्वेषु संरेखयितुं शक्नोति:
- <ul वर्ग = "पेजर" >
- <li वर्ग = "पूर्व" >
- <a href = "#" > ← वृद्धः </a>
- </li> इति
- <li वर्ग = "अगला" >
- <a href = "#" > नवीनतम → </a> इति
- </li> इति
- </ul> इति
पेजर लिङ्क्स् पृष्ठकरणात् सामान्य .disabled
उपयोगिता वर्गस्य अपि उपयोगं कुर्वन्ति ।
- <ul वर्ग = "पेजर" >
- <li class = "पूर्व अक्षम" >
- <a href = "#" > ← वृद्धः </a>
- </li> इति
- ...
- </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> |
सुलभकार्यन्वयनाय, लेबल्, बैज च केवलं संकुचितं भविष्यति (CSS इत्यस्य :empty
चयनकर्ताद्वारा) यदा अन्तः कोऽपि सामग्री नास्ति ।
भवतः साइट् मध्ये प्रमुखसामग्री प्रदर्शयितुं लघु, लचीला घटकः। विपणन-सामग्री-भारयुक्तेषु साइट्-स्थानेषु इदं सम्यक् कार्यं करोति ।
इदं सरलं नायक-एककं, विशेष-सामग्री-सूचनायां वा अतिरिक्तं ध्यानं आकर्षयितुं सरलं जम्बोट्रॉन्-शैली-घटकम् अस्ति ।
- <div class = "नायक-एकक" >
- <h1> शीर्षकम् </h1>
- <p> टैग्लाइन् </p> इति
- <प> इति
- <a class = "btn btn-प्राथमिक btn-बड़े" >
- अधिकं ज्ञातुं शक्नुवन्ति
- </a> इति
- </p> इति
- </div> इति
h1
पृष्ठे सामग्रीखण्डान् समुचितरूपेण स्पेस आउट् कर्तुं खण्डयितुं च सरलं शेल् । h1
इदं 's default , element इत्यस्य उपयोगं कर्तुं शक्नोति small
तथा च अन्येषां अधिकांशघटकानाम् (अतिरिक्तशैल्याः सह) ।
- <div class = "पृष्ठ-शीर्षक" >
- <h1> उदाहरणं पृष्ठशीर्षकं <small> शीर्षकस्य उपपाठः </small></h1>
- </div> इति
पूर्वनिर्धारितरूपेण, Bootstrap इत्यस्य लघुचित्रं न्यूनतमेन आवश्यकेन मार्कअपेन सह लिङ्क् कृतानि चित्राणि प्रदर्शयितुं डिजाइनं कृतम् अस्ति ।
किञ्चित् अतिरिक्तं मार्कअपं कृत्वा, लघुचित्रेषु शीर्षकं, अनुच्छेदं, बटनं वा इत्यादीनां किमपि प्रकारस्य HTML सामग्रीं योजयितुं शक्यते ।
लघुचित्रं (पूर्वं .media-grid
v1.4 पर्यन्तं) फोटोनां वा विडियोनां वा जालपुटानां, चित्रसन्धानपरिणामानां, खुदरा-उत्पादानाम्, पोर्टफोलियोनां, इत्यादीनां कृते महान् अस्ति। ते लिङ्क् अथवा स्थिरसामग्री भवितुम् अर्हन्ति ।
लघुचित्रचिह्नं सरलम् अस्ति— ul
किमपि संख्यायां li
तत्त्वैः सह a इति सर्वं आवश्यकम् । इदमपि सुपर लचीला अस्ति, यत् भवतः सामग्रीं लपेटयितुं केवलं किञ्चित् अधिकं मार्कअपेन सह किमपि प्रकारस्य सामग्रीं अनुमन्यते।
अन्तिमे, लघुचित्रघटकः विद्यमानजालप्रणालीवर्गाणां उपयोगं करोति—यथा .span2
वा.span3
अन्तिमे, लघुचित्रघटकः लघुचित्रपरिमाणानां नियन्त्रणार्थं
यथा पूर्वं उक्तं, लघुचित्रस्य कृते आवश्यकं मार्कअपं लघु, सरलं च भवति । अत्र लिङ्क् कृतानां चित्राणां पूर्वनिर्धारितं सेटअपं पश्यन्तु :
- <ul class = "लघुचित्रम्" >
- <li वर्ग = "span4" >
- <a href = "#" वर्ग = "लघुचित्र" >
- <img डेटा- src = "धारक.js/300x200" alt = "" >
- </a> इति
- </li> इति
- ...
- </ul> इति
लघुचित्रेषु कस्टम् HTML सामग्रीं कृते, मार्कअप किञ्चित् परिवर्तते । कुत्रापि ब्लॉक् लेवल सामग्रीं अनुमन्यते, वयं the <a>
for a <div>
like so इति स्वैप् कुर्मः:
- <ul class = "लघुचित्रम्" >
- <li वर्ग = "span4" >
- <div class = "लघुचित्र" >
- <img डेटा- src = "धारक.js/300x200" alt = "" >
- <h3> लघुचित्रलेबल </h3>
- <p> लघुचित्र शीर्षक... </p>
- </div> इति
- </li> इति
- ...
- </ul> इति
भवतः कृते उपलब्धैः विविधैः जालवर्गैः सह भवतः सर्वान् विकल्पान् अन्वेष्टुम् अर्हति । भवन्तः भिन्न-भिन्न-आकारानाम् अपि मिश्रणं मेलनं च कर्तुं शक्नुवन्ति ।
मूलभूतचेतावनीसचेतनासन्देशाय किमपि पाठं वैकल्पिकं निष्कासनबटनं च लपेटयन्तु .alert
।
- <div वर्ग = "सचेतना" >
- <बटन प्रकार = "बटन" वर्ग = "बंद करें" data-dismiss = "सचेतना" > × </बटन> इति
- <strong> चेतावनी ! </strong> Best check yo self, त्वं बहु उत्तमं न दृश्यते।
- </div> इति
data-dismiss="alert"
मोबाईल सफारी तथा मोबाईल ओपेरा ब्राउज़र, विशेषता के अतिरिक्त , टैग href="#"
का उपयोग करते समय अलर्टों के निराकरण के लिए एक की आवश्यकता होती है।<a>
- <a href = "#" वर्ग = "बंद करें" डेटा-निराकरण = "सचेतना" > × </a> इति
वैकल्पिकरूपेण, भवान् <button>
data attribute इत्यनेन सह element इत्यस्य उपयोगं कर्तुं शक्नोति, यत् अस्माभिः अस्माकं docs कृते कर्तुं विकल्पितम् अस्ति । , इत्यस्य उपयोगं कुर्वन् <button>
भवान् अवश्यमेव समावेशयति type="button"
अथवा भवतां प्रपत्राणि न प्रस्तूयन्ते।
- <बटन प्रकार = "बटन" वर्ग = "बंद करें" data-dismiss = "सचेतना" > × </बटन> इति
अलर्ट्स् शीघ्रं सुलभं च निष्कासनार्थं alerts jQuery प्लगइन इत्यस्य उपयोगं कुर्वन्तु ।
दीर्घतरसन्देशानां कृते, , योजयित्वा अलर्ट-वेष्टनस्य उपरि अधः च गद्दी वर्धयन्तु .alert-block
।
Best check yo self, त्वं बहु उत्तमं न दृश्यते। नुल्ला विटाए एलिट् लिबेरो, एक फारेत्र औगुए। Praesent commodo cursus मैग्ना, वेल scelerisque nisl consectetur एट.
- <div class = "सचेतना-सचेतना-अवरोध" >
- <बटन प्रकार = "बटन" वर्ग = "बंद करें" data-dismiss = "सचेतना" > × </बटन> इति
- <h4> चेतावनी ! </h4> इति
- Best check yo self, त्वं न...
- </div> इति
अलर्ट् इत्यस्य अर्थं परिवर्तयितुं वैकल्पिकवर्गान् योजयन्तु ।
- <div class = "सचेतना-सचेतना-त्रुटि" >
- ...
- </div> इति
- <div class = "सचेतना चेतावनी-सफलता" >
- ...
- </div> इति
- <div class = "सचेतना-सचेतना-सूचना" >
- ...
- </div> इति
ऊर्ध्वाधरढालयुक्तं पूर्वनिर्धारितं प्रगतिपट्टिका ।
- <div वर्ग = "प्रगति" >
- <div वर्ग = "बार" शैली = " चौड़ाई : 60 %; " ></div>
- </div> इति
पट्टिकायुक्तं प्रभावं निर्मातुं ढालस्य उपयोगं करोति । IE7-8 इत्यत्र न उपलब्धम्।
- <div class = "प्रगति प्रगति-धारी" >
- <div वर्ग = "बार" शैली = " चौड़ाई : 20 %; " ></div>
- </div> इति
पट्टिकाः दक्षिणतः वामतः सजीवं कर्तुं Add .active
to । .progress-striped
IE इत्यस्य सर्वेषु संस्करणेषु न उपलब्धम् ।
- <div class = "प्रगति प्रगति-धारी सक्रिय" >
- <div वर्ग = "बार" शैली = " चौड़ाई : 40 %; " ></div>
- </div> इति
.progress
तान् स्तम्भयितुं एकस्मिन् एव बहुविधानि पट्टिकाः स्थापयन्तु ।
- <div वर्ग = "प्रगति" >
- <div class = "बार बार-सफलता" शैली = " चौड़ाई : 35 %; " ></div>
- <div class = "बार बार-चेतावनी" शैली = " चौड़ाई : 20 %; " ></div>
- <div class = "बार बार-खतरा" शैली = " चौड़ाई : 10 %; " ></div>
- </div> इति
प्रगतिपट्टिकाः सुसंगतशैल्याः कृते केषाञ्चन समानबटनस्य अलर्टवर्गाणां च उपयोगं कुर्वन्ति ।
- <div class = "प्रगति प्रगति-सूचना" >
- <div वर्ग = "बार" शैली = " चौड़ाई : 20 % " ></div>
- </div> इति
- <div class = "प्रगति प्रगति-सफलता" >
- <div वर्ग = "बार" शैली = " चौड़ाई : 40 % " ></div>
- </div> इति
- <div class = "प्रगति प्रगति-चेतावनी" >
- <div वर्ग = "बार" शैली = " चौड़ाई : 60 % " ></div>
- </div> इति
- <div class = "प्रगति प्रगति-खतरा" >
- <div वर्ग = "बार" शैली = " चौड़ाई : 80 % " ></div>
- </div> इति
ठोसवर्णानां सदृशं अस्माकं विविधाः पट्टिकायुक्ताः प्रगतिपट्टिकाः सन्ति ।
- <div class = "प्रगति प्रगति-सूचना प्रगति-पट्टिका" >
- <div वर्ग = "बार" शैली = " चौड़ाई : 20 % " ></div>
- </div> इति
- <div class = "प्रगति प्रगति-सफलता प्रगति-धारी" >
- <div वर्ग = "बार" शैली = " चौड़ाई : 40 % " ></div>
- </div> इति
- <div class = "प्रगति प्रगति-चेतावनी प्रगति-पट्टिका" >
- <div वर्ग = "बार" शैली = " चौड़ाई : 60 % " ></div>
- </div> इति
- <div class = "प्रगति प्रगति-खतरा प्रगति-पट्टीदार" >
- <div वर्ग = "बार" शैली = " चौड़ाई : 80 % " ></div>
- </div> इति
प्रगतिपट्टिकाः स्वस्य सर्वान् प्रभावान् प्राप्तुं CSS3 ढालस्य, संक्रमणस्य, एनिमेशनस्य च उपयोगं कुर्वन्ति । एतानि विशेषतानि IE7-9 अथवा Firefox इत्यस्य प्राचीनसंस्करणेषु समर्थितानि न सन्ति ।
Internet Explorer 10 तथा Opera 12 इत्यस्मात् पूर्वं संस्करणाः एनिमेशनं समर्थयन्ति न ।
पाठ्यसामग्रीणां पार्श्वे वाम- वा दक्षिण-संरेखितं चित्रं दर्शयति इति विविधप्रकारस्य घटकानां निर्माणार्थं अमूर्तवस्तुशैल्याः (यथा ब्लॉगटिप्पणीः, ट्वीट् इत्यादयः)
पूर्वनिर्धारितं माध्यमं सामग्रीखण्डस्य वामभागे वा दक्षिणभागे वा माध्यमवस्तुं (चित्रं, भिडियो, श्रव्यं) प्लवितुं शक्नोति ।
- <div class = "माध्यम" >
- <a class = "पुल-वाम" href = "#" >
- <img वर्ग = "मीडिया-वस्तु" डेटा- src = "धारक.js/64x64" >
- </a> इति
- <div class = "माध्यम-शरीर" >
- <h4 class = "माध्यम-शीर्षकम्" > माध्यमशीर्षकं </h4>
- ...
- <!-- नेस्टेड मीडिया वस्तु -->
- <div class = "माध्यम" >
- ...
- </div> इति
- </div> इति
- </div> इति
किञ्चित् अतिरिक्तं मार्कअपं कृत्वा, भवान् सूचीयाः अन्तः मीडिया (टिप्पणीसूत्राणां वा लेखसूचीनां वा कृते उपयोगी) उपयोक्तुं शक्नोति ।
क्रास आमेत निभ लिबेरो, ग्राविदा नुल्ला में। नुल्ला वेल मेतुस scelerisque ante sollicitudin commodo. क्रास पुरुस ओडियो, वेस्टिबुलम इन वल्पुटेट एट, टेम्पस विवेरा टर्पिस।
- <ul class = "माध्यम-सूची" >
- <li वर्ग = "माध्यम" >
- <a class = "पुल-वाम" href = "#" >
- <img वर्ग = "मीडिया-वस्तु" डेटा- src = "धारक.js/64x64" >
- </a> इति
- <div class = "माध्यम-शरीर" >
- <h4 class = "माध्यम-शीर्षकम्" > माध्यमशीर्षकं </h4>
- ...
- <!-- नेस्टेड मीडिया वस्तु -->
- <div class = "माध्यम" >
- ...
- </div> इति
- </div> इति
- </li> इति
- </ul> इति
कस्मिंश्चित् तत्वे इन्सेट् प्रभावं दातुं कूपस्य उपयोगं सरलप्रभावरूपेण कुर्वन्तु ।
- <div class = "अच्छा" >
- ...
- </div> इति
वैकल्पिकसंशोधकवर्गद्वयेन सह गद्दीकरणं गोलकोणानि च नियन्त्रयन्तु ।
- <div class = "अच्छा सु-बृहत्" >
- ...
- </div> इति
- <div class = "अच्छा सु-लघु" >
- ...
- </div> इति
मोडाल्स् तथा अलर्ट् इत्यादीनां सामग्रीं निराकरणार्थं सामान्यनिरोधचिह्नस्य उपयोगं कुर्वन्तु ।
- <बटन वर्ग = "बंद करें" > × </बटन> इति
iOS उपकरणेषु href="#"
क्लिक् इवेण्ट्स् कृते एकं आवश्यकं भवति यदि भवान् एङ्कर् इत्यस्य उपयोगं इच्छति।
- <a class = "बंद करें" href = "#" > × </a> इति
लघुप्रदर्शनस्य अथवा व्यवहारस्य tweaks कृते सरलाः, केन्द्रीकृतवर्गाः।
एकं तत्वं वामभागे प्लवन्तु
- class = "कर्षण-वाम"।
- . खींच - वाम { .
- float : वामम् ;
- } इति ।
एकं तत्वं सम्यक् प्लवतु
- class = "पुल-राइट"।
- . खींच - दक्षिण { .
- float : दक्षिणम् ;
- } इति ।
कस्यचित् तत्त्वस्य वर्णं परिवर्तयन्तु#999
- class = "निःशब्दः" ।
- . निःशब्दः { .
- रंग : # 999;
- } इति ।
float
किसी भी तत्व पर द साफ करें
- class = "स्पष्टीकरणम्" ।
- . स्पष्टीकरणम् { .
- * जूम : 1 ;
- &: पूर्वं , .
- &: पश्चात् { .
- प्रदर्शन : तालिका ;
- content : "" ;
- } इति ।
- &: पश्चात् { .
- स्पष्ट : उभयम् ;
- } इति ।
- } इति ।