मोडल के बारे में

एक सुव्यवस्थित, लेकिन लचीला, केवल न्यूनतम आवश्यक कार्यक्षमता और स्मार्ट डिफ़ॉल्ट के साथ पारंपरिक जावास्क्रिप्ट मोडल प्लगइन पर ले जाता है।

स्थिर उदाहरण

नीचे एक स्थिर रूप से प्रदान किया गया मोडल है।

लाइव डेमो

नीचे दिए गए बटन पर क्लिक करके जावास्क्रिप्ट के माध्यम से एक मोडल टॉगल करें। यह नीचे की ओर खिसकेगा और पृष्ठ के शीर्ष से फीका हो जाएगा।

बूटस्ट्रैप-मोडल का उपयोग करना

जावास्क्रिप्ट के माध्यम से मोडल को कॉल करें:

$ ( '#myModal' )। मोडल ( विकल्प )

विकल्प

मार्कअप

आप जावास्क्रिप्ट की एक भी पंक्ति लिखे बिना आसानी से अपने पृष्ठ पर मोडल सक्रिय कर सकते हैं। बस data-toggle="modal"एक नियंत्रक तत्व पर सेट करें data-target="#foo"या href="#foo"जो एक मोडल तत्व आईडी से मेल खाता है, और जब क्लिक किया जाता है, तो यह आपका मोडल लॉन्च करेगा।

साथ ही, अपने मोडल इंस्टेंस में विकल्प जोड़ने के लिए, बस उन्हें नियंत्रण तत्व या मोडल मार्कअप पर अतिरिक्त डेटा विशेषताओं के रूप में शामिल करें।

<a class = "btn" data-toggle = "modal" href = "#myModal" > लॉन्च मोडल </a>    

<div class = "मोडल छुपाएं" id = "myModal" >  
  <div क्लास = "मोडल-हेडर" > 
    <बटन प्रकार = "बटन" वर्ग = "बंद" डेटा-खारिज = "मोडल" > × </बटन>   
    <h3> मोडल हैडर </h3>
  </div>
  <div class = "मोडल-बॉडी" > 
    <p> एक अच्छा शरीर... </p>
  </div>
  <div class = "मोडल-फ़ुटर" > 
    <a href = "#" वर्ग = "बीटीएन" डेटा-खारिज = "मोडल" > बंद करें </a>   
    <a href = "#" वर्ग = "बीटीएन बीटीएन-प्राथमिक" > परिवर्तन सहेजें </a>  
  </div>
</div>

तरीकों

.मोडल (विकल्प)

आपकी सामग्री को एक मोडल के रूप में सक्रिय करता है। एक वैकल्पिक विकल्प स्वीकार करता है object।

$ ( '#myModal' )। मोडल ({
  कीबोर्ड : झूठा 
})

.मोडल ('टॉगल')

एक मोडल को मैन्युअल रूप से टॉगल करता है।

$ ( '#myModal' )। मोडल ( 'टॉगल' )

.मोडल ('शो')

मैन्युअल रूप से एक मोडल खोलता है।

$ ( '#myModal' )। मोडल ( 'शो' )

.मोडल ('छिपाएं')

मैन्युअल रूप से एक मोडल छुपाता है।

$ ( '#myModal' )। मोडल ( 'छिपाएं' )

आयोजन

बूटस्ट्रैप का मोडल क्लास मोडल कार्यक्षमता में शामिल होने के लिए कुछ घटनाओं को उजागर करता है।

$ ( '#myModal' )। ऑन ( 'हिडन' , फंक्शन () {   
  // कुछ करो…
})

ड्रॉपडाउन के बारे में

इस सरल प्लगइन के साथ बूटस्ट्रैप में लगभग किसी भी चीज़ में ड्रॉपडाउन मेनू जोड़ें। बूटस्ट्रैप नेवबार, टैब और गोलियों में पूर्ण ड्रॉपडाउन मेनू समर्थन की सुविधा देता है।

उदाहरण

ड्रॉपडाउन का परीक्षण करने के लिए नीचे नेवबार और गोलियों में ड्रॉपडाउन एनएवी लिंक पर क्लिक करें।

• नियमित लिंक
• ड्रॉप डाउन
  • Action
  • Another action
  • Something else here
  • Separated link
• ड्रॉपडाउन 2
  • Action
  • Another action
  • Something else here
  • Separated link
• ड्रॉपडाउन 3
  • Action
  • Another action
  • Something else here
  • Separated link

बूटस्ट्रैप-ड्रॉपडाउन.जेएस का उपयोग करना

जावास्क्रिप्ट के माध्यम से ड्रॉपडाउन को कॉल करें:

$ ( '.ड्रॉपडाउन-टॉगल' )। ड्रॉपडाउन ()

मार्कअप

किसी भी तत्व में जल्दी से ड्रॉपडाउन कार्यक्षमता जोड़ने के लिए बस जोड़ें data-toggle="dropdown"और कोई भी मान्य बूटस्ट्रैप ड्रॉपडाउन स्वचालित रूप से सक्रिय हो जाएगा।

<उल क्लास = "एनएवी नेवी-पिल्स" > 
  <li class = "active" ><a href = "#" > रेगुलर लिंक </a></li>  
  <ली क्लास = "ड्रॉपडाउन" आईडी = "मेनू 1" >  
    <a class = "ड्रॉपडाउन-टॉगल" डेटा-टॉगल = "ड्रॉपडाउन" href = "#menu1"> _   
      ड्रॉप डाउन
      <बी क्लास = "कैरेट" </b> 
    </a>
    <ul वर्ग = "ड्रॉपडाउन-मेनू" > 
      <li><a href = "#" > क्रिया </a></li> 
      <li><a href = "#" > अन्य क्रिया </a></li> 
      <li><a href = "#" > यहाँ कुछ और </a></li> 
      <ली क्लास = "डिवाइडर" ></li> 
      <li><a href = "#" > अलग किया गया लिंक </a></li> 
    </ul>
  </li>
  ...
</ul>

URL को अक्षुण्ण रखने के लिए, के data-targetबजाय विशेषता का उपयोग करें href="#"।

<उल क्लास = "एनएवी नेवी-पिल्स" > 
  <ली क्लास = "ड्रॉपडाउन" > 
    <a class = "ड्रॉपडाउन-टॉगल" डेटा-टॉगल = "ड्रॉपडाउन" डेटा-टारगेट = "#" href = "path/to/page.html"> _    
      ड्रॉप डाउन
      <बी क्लास = "कैरेट" </b> 
    </a>
    <ul वर्ग = "ड्रॉपडाउन-मेनू" > 
      ...
    </ul>
  </li>
</ul>

तरीकों

$ ()। ड्रॉपडाउन ()

किसी दिए गए नेवबार या टैब्ड नेविगेशन के लिए मेनू को सक्रिय करने के लिए एक प्रोग्रामेटिक एपीआई।

स्क्रॉलस्पी प्लगइन स्क्रॉल स्थिति के आधार पर स्वचालित रूप से एनएवी लक्ष्यों को अपडेट करने के लिए है।

स्क्रॉलस्पाई के साथ उदाहरण नेवबार

नीचे दिए गए क्षेत्र को स्क्रॉल करें और नेविगेशन अपडेट देखें। ड्रॉपडाउन उप आइटम भी हाइलाइट किए जाएंगे। इसे अजमाएं!

बूटस्ट्रैप-scrollspy.js . का उपयोग करना

जावास्क्रिप्ट के माध्यम से स्क्रॉलस्पी को कॉल करें:

$ ( '# नावबार' )। स्क्रोलस्पाई ()

मार्कअप

अपने टॉपबार नेविगेशन में आसानी से स्क्रॉलस्पी व्यवहार जोड़ने data-spy="scroll"के लिए, बस उस तत्व में जोड़ें जिसे आप जासूसी करना चाहते हैं (आमतौर पर यह शरीर होगा)।

<बॉडी डेटा-स्पाई = "स्क्रॉल" > ... </body>  

तरीकों

.scrollspy ('ताज़ा करें')

डीओएम से तत्वों को जोड़ने या हटाने के संयोजन के साथ स्क्रॉलस्पी का उपयोग करते समय, आपको रीफ्रेश विधि को इस तरह कॉल करना होगा:

$ ( '[डेटा-जासूस = "स्क्रॉल"]' )। प्रत्येक ( फ़ंक्शन () {  
  वर $स्पाई = $ ( यह )। स्क्रॉलस्पी ( 'ताज़ा करें' )
});

विकल्प

आयोजन

यह प्लगइन स्थानीय सामग्री के माध्यम से संक्रमण के लिए त्वरित, गतिशील टैब और गोली कार्यक्षमता जोड़ता है।

उदाहरण टैब

छिपे हुए पैन के बीच टॉगल करने के लिए नीचे दिए गए टैब पर क्लिक करें, यहां तक ​​कि ड्रॉपडाउन मेनू के माध्यम से भी।

• घर
• प्रोफ़ाइल
• ड्रॉप डाउन
  • @fat
  • @mdo

बूटस्ट्रैप-���ैब.जेएस का उपयोग करना

जावास्क्रिप्ट के माध्यम से टैब करने योग्य टैब सक्षम करें (प्रत्येक टैब को व्यक्तिगत रूप से सक्रिय करने की आवश्यकता है):

$ ( '#myTab a' )। क्लिक करें ( फ़ंक्शन ( ई ) {  
  ई . रोकथाम डिफॉल्ट ();
  $ ( यह )। टैब ( 'शो' );
})

आप अलग-अलग टैब को कई तरह से सक्रिय कर सकते हैं:

$ ( '#myTab a[href="#profile"]' )। टैब ( 'शो' ); // नाम से टैब चुनें 
$ ( '#myTab a:first' )। टैब ( 'शो' ); // पहले टैब का चयन करें 
$ ( '#myTab a:last' )। टैब ( 'शो' ); // अंतिम टैब चुनें 
$ ( '#myTab li:eq(2) a' )। टैब ( 'शो' ); // तीसरा टैब चुनें (0-अनुक्रमित) 

मार्कअप

data-toggle="tab"आप किसी भी जावास्क्रिप्ट को केवल निर्दिष्ट करके या data-toggle="pill"किसी तत्व पर लिखे बिना टैब या गोली नेविगेशन को सक्रिय कर सकते हैं । navटैब में और nav-tabsकक्षाएं जोड़ने से ulबूटस्ट्रैप टैब स्टाइल लागू होगा।

<ul class = "नेव नेवी-टैब" > 
  <li><a href = "#home" data-toggle = "tab" > होम </a></li>  
  <li><a href = "#profile" data-toggle = "tab" > Profile </a></li>  
  <li><a href = "#messages" data-toggle = "tab" > संदेश </a></li>  
  <li><a href = "#settings" data-toggle = "tab" > सेटिंग्स </a></li>  
</ul>

तरीकों

$().टैब

एक टैब तत्व और सामग्री कंटेनर को सक्रिय करता है। टैब में या तो एक data-targetया एक hrefलक्ष्यीकरण एक कंटेनर नोड होना चाहिए।

<ul class = "नेव नेवी-टैब" id = "myTab" >  
  <li class = "active" ><a href = "#home" > होम </a></li>  
  <li><a href = "#profile" > प्रोफ़ाइल </a></li> 
  <li><a href = "#messages" > संदेश </a></li> 
  <li><a href = "#settings" > सेटिंग्स </a></li> 
</ul>
 
<div वर्ग = "टैब-सामग्री" > 
  <div class = "tab-pane active" id = "home" > ... </div>  
  <div class = "tab-pane" id = "profile" > ... </div>  
  <div class = "tab-pane" id = "messages" > ... </div>  
  <div class = "tab-pane" id = "सेटिंग" > ... </div>  
</div>
 
<स्क्रिप्ट>
  $ ( फ़ंक्शन () {  
    $ ( '#myTab a:last' )। टैब ( 'शो' );
  })
</स्क्रिप्ट>

आयोजन

$ ( 'ए [डेटा-टॉगल = "टैब"]' )। ऑन ( 'दिखाया गया' , फ़ंक्शन ( ई ) {   
  ई . लक्ष्य // सक्रिय टैब
  ई . संबंधित लक्ष्य // पिछला टैब
})

टूलटिप्स के बारे में

जेसन फ्रेम द्वारा लिखित उत्कृष्ट jQuery.tips प्लगइन से प्रेरित; टूलटिप्स एक अद्यतन संस्करण है, जो छवियों पर निर्भर नहीं है, एनिमेशन के लिए css3 का उपयोग करता है, और स्थानीय शीर्षक भंडारण के लिए डेटा-विशेषताएं।

टूलटिप्स का उदाहरण उपयोग

टूलटिप्स देखने के लिए नीचे दिए गए लिंक पर होवर करें:

बूटस्ट्रैप-टूलटिप.जेएस का उपयोग करना

जावास्क्रिप्ट के माध्यम से टूलटिप को ट्रिगर करें:

$ ( '# उदाहरण' )। टूलटिप ( विकल्प )

विकल्प

मार्कअप

प्रदर्शन कारणों से, टूलटिप और पॉपओवर डेटा-एपिस ऑप्ट इन हैं। यदि आप उनका उपयोग करना चाहते हैं तो बस एक चयनकर्ता विकल्प निर्दिष्ट करें।

<a href = "#" rel = "टूलटिप" शीर्षक = "पहला टूलटिप" > मेरे ऊपर होवर करें </a>   

तरीकों

$()। टूलटिप (विकल्प)

तत्व संग्रह में टूलटिप हैंडलर संलग्न करता है।

टूलटिप ('शो')

किसी तत्व के टूलटिप को प्रकट करता है।

$ ( '# तत्व' )। टूलटिप ( 'शो' )

टूलटिप ('छिपाएं')

किसी तत्व के टूलटिप को छुपाता है।

$ ( '# तत्व' )। टूलटिप ( 'छिपाएं' )

टूलटिप ('टॉगल')

किसी तत्व के टूलटिप को टॉगल करता है।

$ ( '# तत्व' )। टूलटिप ( 'टॉगल' )

पॉपओवर के बारे में

माध्यमिक जानकारी रखने के लिए किसी भी तत्व में सामग्री के छोटे ओवरले जोड़ें, जैसे कि iPad पर।

* टूलटिप को शामिल करने की आवश्यकता है

उदाहरण होवर पॉपओवर

पॉपओवर को ट्रिगर करने के लिए बटन पर होवर करें।

बूटस्ट्रैप-पॉपओवर.जेएस का उपयोग करना

जावास्क्रिप्ट के माध्यम से पॉपओवर सक्षम करें:

$ ( '# उदाहरण' )। पॉपओवर ( विकल्प )

विकल्प

मार्कअप

प्रदर्शन कारणों से, टूलटिप और पॉपओवर डेटा-एपिस ऑप्ट इन हैं। यदि आप उनका उपयोग करना चाहते हैं तो बस एक चयनकर्ता विकल्प निर्दिष्ट करें।

तरीकों

$()। पॉपओवर (विकल्प)

तत्व संग्रह के लिए पॉपओवर प्रारंभ करता है।

पॉपओवर ('शो')

एक तत्व पॉपओवर प्रकट करता है।

$ ( '# तत्व' )। पॉपओवर ( 'शो' )

पॉपओवर ('छिपाएं')

एक तत्व पॉपओवर छुपाता है।

$ ( '# तत्व' )। पॉपओवर ( 'छिपाएं' )

पॉपओवर ('टॉगल')

तत्व पॉपओवर को टॉगल करता है।

$ ( '# तत्व' )। पॉपओवर ( 'टॉगल' )

अलर्ट के बारे में

अलर्ट प्लग इन अलर्ट में करीबी कार्यक्षमता जोड़ने के लिए एक छोटा वर्ग है।

उदाहरण अलर्ट

अलर्ट प्लगइन नियमित अलर्ट संदेशों पर काम करता है, और संदेशों को ब्लॉक करता है।

बूटस्ट्रैप-अलर्ट.जेएस का उपयोग करना

जावास्क्रिप्ट के माध्यम से अलर्ट को खारिज करना सक्षम करें:

$ ( ".अलर्ट" )। चेतावनी ()

मार्कअप

data-dismiss="alert"अलर्ट क्लोज फंक्शनलिटी को स्वचालित रूप से देने के लिए बस अपने क्लोज बटन में जोड़ें ।

<a class = "करीब" डेटा-खारिज = "अलर्ट" href = "#" > × </a>   

तरीकों

$ ()। अलर्ट ()

सभी अलर्ट को करीबी कार्यक्षमता के साथ लपेटता है। बंद होने पर अपने अलर्ट को एनिमेट करने के लिए, सुनिश्चित करें कि उनके पास .fadeऔर .inवर्ग पहले से ही लागू हैं।

.अलर्ट ('करीब')

अलर्ट बंद कर देता है।

$ ( ".अलर्ट" )। चेतावनी ( 'करीब' )

आयोजन

बूटस्ट्रैप का अलर्ट क्लास अलर्ट कार्यक्षमता में शामिल होने के लिए कुछ घटनाओं को उजागर करता है।

$ ( '# my-अलर्ट' )। बाइंड ( 'बंद' , फ़ंक्शन () {   
  // कुछ करो…
})

के बारे में

बटन के साथ और अधिक करें। नियंत्रण बटन बताता है या टूलबार जैसे अधिक घटकों के लिए बटनों के समूह बनाता है।

उदाहरण का उपयोग करता है

राज्यों और टॉगल के लिए बटन प्लगइन का उपयोग करें।

बूटस्ट्रैप-बटन.जेएस का उपयोग करना

जावास्क्रिप्ट के माध्यम से बटन सक्षम करें:

$ ( '.एनएवी-टैब' )। बटन ()

मार्कअप

डेटा विशेषताएँ बटन प्लगइन के अभिन्न अंग हैं। विभिन्न मार्कअप प्रकारों के लिए नीचे दिया गया उदाहरण कोड देखें।

<!-- एक बटन पर टॉगल सक्रिय करने के लिए data-toggle="button" जोड़ें -->
<बटन क्लास = "बीटीएन" डेटा-टॉगल = "बटन" > सिंगल टॉगल </बटन>  
 
<!-- btn-group पर चेकबॉक्स स्टाइल टॉगल करने के लिए data-toggle="buttons-checkbox" जोड़ें -->
<div class = "btn-group" data-toggle = "buttons-checkbox" >  
  <बटन वर्ग = "बीटीएन" > बायां </बटन> 
  <बटन वर्ग = "बीटीएन" > मध्य </बटन> 
  <बटन क्लास = "बीटीएन" > राइट </बटन> 
</div>
 
<!-- btn-group पर रेडियो स्टाइल टॉगल करने के लिए data-toggle="buttons-radio" जोड़ें -->
<div class = "btn-group" data-toggle = "buttons-radio" >  
  <बटन वर्ग = "बीटीएन" > बायां </बटन> 
  <बटन वर्ग = "बीटीएन" > मध्य </बटन> 
  <बटन क्लास = "बीटीएन" > राइट </बटन> 
</div>

तरीकों

$()। बटन ('टॉगल')

पुश स्थिति को टॉगल करता है। बटन को यह आभास देता है कि वह सक्रिय हो गया है।

<बटन वर्ग = "बीटीएन" डेटा-टॉगल = "बटन" > ... </बटन>   

$()। बटन ('लोड हो रहा है')

बटन स्थिति को लोड करने के लिए सेट करता है - बटन को अक्षम करता है और टेक्स्ट को लोड करने के लिए टेक्स्ट को स्वैप करता है। डेटा विशेषता का उपयोग करके लोड हो रहे टेक्स्ट को बटन तत्व पर परिभाषित किया जाना चाहिए data-loading-text।

<बटन क्लास = "बीटीएन" डेटा-लोडिंग-टेक्स्ट = "लोडिंग स्टफ..." > ... </बटन>   

$()। बटन ('रीसेट')

रीसेट बटन की स्थिति - टेक्स्ट को मूल टेक्स्ट में बदल देती है।

$()। बटन (स्ट्रिंग)

रीसेट बटन स्थिति - टेक्स्ट को किसी भी डेटा परिभाषित टेक्स्ट स्थिति में स्वैप करता है।

<बटन वर्ग = "बीटीएन" डेटा-पूर्ण-पाठ = "समाप्त!" > ... </बटन>   
<स्क्रिप्ट>
  $ ( '.btn' )। बटन ( 'पूर्ण' )
</स्क्रिप्ट>

के बारे में

संक्षिप्त करने योग्य घटकों जैसे अकॉर्डियन और नेविगेशन के लिए आधार शैलियाँ और लचीला समर्थन प्राप्त करें।

* ट्रांज़िशन प्लगइन को शामिल करने की आवश्यकता है।

उदाहरण अकॉर्डियन

कोलैप्स प्लगइन का उपयोग करके, हमने एक साधारण अकॉर्डियन स्टाइल विजेट बनाया है:

बूटस्ट्रैप-collapse.js का उपयोग करना

जावास्क्रिप्ट के माध्यम से सक्षम करें:

$ ( ". पतन" )। पतन ()

विकल्प

मार्कअप

एक संक्षिप्त करने योग्य तत्व का नियंत्रण स्वचालित रूप से असाइन करने के लिए बस जोड़ें data-toggle="collapse"और एक data-targetतत्व में। data-targetविशेषता एक सीएसएस चयनकर्ता को पतन को लागू करने के लिए स्वीकार करती है । collapseकक्षा को संक्षिप्त करने योग्य तत्व में जोड़ना सुनिश्चित करें । यदि आप इसे डिफ़ॉल्ट रूप से खोलना चाहते हैं, तो अतिरिक्त वर्ग जोड़ें in।

<बटन वर्ग = "बीटीएन बीटीएन -खतरे" डेटा-टॉगल = "पतन" डेटा-लक्ष्य = "# डेमो" >   
  सरल बंधनेवाला
</बटन>
 
<div id = "demo" class = "collapse in" > … </div>  

तरीकों

पतन (विकल्प)

आपकी सामग्री को एक संक्षिप्त करने योग्य तत्व के रूप में सक्रिय करता है। एक वैकल्पिक विकल्प स्वीकार करता है object।

$ ( '#myCollapsible' )। पतन ({
  टॉगल : झूठा 
})

पतन ('टॉगल')

एक संक्षिप्त करने योग्य तत्व को दिखाने या छिपाने के लिए टॉगल करता है।

पतन ('शो')

बंधनेवाला तत्व दिखाता है।

पतन ('छिपाएं')

बंधनेवाला तत्व छुपाता है।

आयोजन

बूटस्ट्रैप का पतन वर्ग पतन की कार्यक्षमता में शामिल होने के लिए कुछ घटनाओं को उजागर करता है।

$ ( '#myCollapsible' )। ऑन ( 'हिडन' , फंक्शन () {   
  // कुछ करो…
})

के बारे में

तत्वों के माध्यम से साइकिल चलाने के लिए एक सामान्य प्लगइन। एक खुशनुमा दौर।

उदाहरण हिंडोला

नीचे स्लाइड शो देखें।

पहला थंबनेल लेबल

क्रैस जस्टो ओडियो, डैपिबस एसी फैसिलिसिस इन, एजेस्टास एगेट क्वाम। Donec id elit non mi porta gravida और eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

Second Thumbnail label

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

Third Thumbnail label

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

मैं ›

बूटस्ट्रैप-carousel.js का उपयोग करना

जावास्क्रिप्ट के माध्यम से कॉल करें:

$ ( '.carousel' )। हिंडोला ()

विकल्प

मार्कअप

डेटा विशेषताओं का उपयोग पिछले और अगले नियंत्रणों के लिए किया जाता है। नीचे उदाहरण मार्कअप देखें।

<div id = "myCarousel" वर्ग = "हिंडोला स्लाइड" >  
  <!-- हिंडोला आइटम ->
  <div class = "हिंडोला-भीतरी" > 
    <div class = "एक्टिव आइटम" > … </div> 
    <div class = "आइटम" > … </div> 
    <div class = "आइटम" > … </div> 
  </div>
  <!-- हिंडोला नेविगेशन -->
  <a class = "carousel-control left" href = "#myCarousel" data-slide = "prev" > ‹ </a>   
  <a class = "carousel-control right" href = "#myCarousel" data-slide = "next" > › </a>   
</div>

तरीकों

हिंडोला (विकल्प)

कैरोसेल को वैकल्पिक विकल्पों के साथ प्रारंभ करता है objectऔर आइटम के माध्यम से साइकिल चलाना प्रारंभ करता है।

$ ( '.carousel' )। हिंडोला ({
  अंतराल : 2000 
})

हिंडोला ('चक्र')

हिंडोला आइटम के माध्यम से बाएं से दाएं चक्र।

हिंडोला ('रोकें')

हिंडोला को आइटम के माध्यम से साइकिल चलाने से रोकता है।

हिंडोला (संख्या)

हिंडोला को एक विशेष फ्रेम (0 आधारित, एक सरणी के समान) पर साइकिल करता है।

हिंडोला ('पिछला')

पिछले आइटम के लिए साइकिल।

हिंडोला ('अगला')

अगले आइटम के लिए साइकिल।

आयोजन

बूटस्ट्रैप का हिंडोला वर्ग हिंडोला कार्यक्षमता में शामिल होने के लिए दो घटनाओं को उजागर करता है।

के बारे में

किसी भी फॉर्म टेक्स्ट इनपुट के साथ जल्दी से सुरुचिपूर्ण टाइपहेड बनाने के लिए एक बुनियादी, आसानी से विस्तारित प्लगइन।

उदाहरण

टाइपहेड परिणाम दिखाने के लिए नीचे दिए गए फ़ील्ड में टाइप करना प्रारंभ करें।

बूटस्ट्रैप-typeahead.js का उपयोग करना

जावास्क्रिप्ट के माध्यम से टाइपहेड को कॉल करें:

$ ( '.typeahead' )। टाइपहेड ()

विकल्प

मार्कअप

टाइपहेड कार्यक्षमता वाले तत्व को पंजीकृत करने के लिए डेट��� विशेषताएँ जोड़ें।

<इनपुट प्रकार = "पाठ" डेटा-प्रदान = "टाइपहेड" >  

तरीकों

टाइपहेड (विकल्प)

एक टाइपहेड के साथ एक इनपुट शुरू करता है।