ጃቫስክሪፕት ለ Bootstrap

የBootstrapን አካላት ነፍስ ይዝሩበት—አሁን በ12 ብጁ jQuery ተሰኪዎች።

ሞዳሎች

የተስተካከለ፣ ግን ተለዋዋጭ፣ በትንሹ የሚፈለገው ተግባር እና ብልጥ ነባሪዎች ባህላዊውን የጃቫስክሪፕት ሞዳል ተሰኪን ይውሰዱ።

መውረድ

በዚህ ቀላል ፕለጊን በBootstrap ውስጥ ላለ ማንኛውም ነገር ተቆልቋይ ምናሌዎችን ያክሉ። ቡትስትራፕ ሙሉ ተቆልቋይ ሜኑ ድጋፍን በ navbar፣ በትሮች እና እንክብሎች ያቀርባል።

Scrollspy

በማሸብለል ቦታ ላይ በመመስረት የአሁኑን ገባሪ አገናኝ ለማሳየት በናቭባርዎ ውስጥ ያሉትን አገናኞች በራስ-ሰር ለማዘመን scrollspyን ይጠቀሙ።

ሊቀያየሩ የሚችሉ ትሮች

ታብ እና ክኒኖች በአካባቢያዊ ይዘቶች ሊታዩ በሚችሉ ንጣፎች ውስጥ እንዲቀይሩ በመፍቀድ የበለጠ ጠቃሚ ለማድረግ ይህን ፕለጊን ይጠቀሙ።

የመሳሪያ ምክሮች

አዲስ በjQuery Tipsy ፕለጊን ላይ፣ Tooltips በምስሎች ላይ አይተማመኑም - CSS3 ን ለአኒሜሽን እና ዳታ-ባህሪያትን ለአካባቢያዊ የርዕስ ማከማቻ ይጠቀማሉ።

ፖፖቨር *

ለሁለተኛ ደረጃ መረጃ ለማንኛውም ኤለመንት በ iPad ላይ እንዳሉት ትናንሽ ተደራቢዎችን ያክሉ።

* ለመካተት የመሳሪያ ምክሮችን ይፈልጋል

የማንቂያ መልዕክቶች

የማንቂያ ፕለጊን ወደ ማንቂያዎች ቅርብ ተግባራትን ለመጨመር ትንሽ ክፍል ነው።

አዝራሮች

በአዝራሮች ተጨማሪ ያድርጉ። የቁጥጥር አዝራሩ ሁኔታ ወይም የአዝራሮች ቡድን ፍጠር ለተጨማሪ ክፍሎች እንደ የመሳሪያ አሞሌዎች።

ሰብስብ

እንደ አኮርዲዮን እና አሰሳ ላሉ ሊሰበሰቡ ለሚችሉ አካላት የመሠረት ቅጦች እና ተለዋዋጭ ድጋፍ ያግኙ።

ካሩሰል

በይነተገናኝ የይዘት ስላይድ ትዕይንት ለማቅረብ የምትፈልጊውን ማንኛውንም ይዘት የደስታ ዙር ፍጠር።

የመተየብ ራስ

ከማንኛውም የጽሑፍ ግብዓት ጋር የሚያማምሩ የጽሕፈት መኪናዎችን በፍጥነት ለመፍጠር መሰረታዊ፣ በቀላሉ የተዘረጋ ፕለጊን።

ሽግግሮች *

ለቀላል የሽግግር ውጤቶች፣ በሞዳል ውስጥ ለመንሸራተት ወይም ማንቂያዎችን ለማጥፋት አንድ ጊዜ bootstrap-transition.jsን ያካትቱ።

* በተሰኪዎች ውስጥ ለአኒሜሽን ያስፈልጋል

ቀና በል! ሁሉም የጃቫስክሪፕት ፕለጊኖች የቅርብ ጊዜውን የ jQuery ስሪት ይፈልጋሉ።

ስለ ሞዳሎች

ሰነድ አውርድ

የማይንቀሳቀስ ምሳሌ

ከታች በስታትስቲክስ የተሰራ ሞዳል አለ።

የቀጥታ ማሳያ

ከታች ያለውን አዝራር ጠቅ በማድረግ ሞዳልን በጃቫስክሪፕት ይቀያይሩ። ወደ ታች ይንሸራተታል እና ከገጹ አናት ላይ ይደበዝዛል።

የማሳያ ሞዳልን አስጀምር

bootstrap-modal በመጠቀም

ሞዳልን በጃቫስክሪፕት ይደውሉ፡

$ ( '#myModal' )። ሞዳል ( አማራጮች )

አማራጮች

ስም	ዓይነት	ነባሪ	መግለጫ
ዳራ	ቡሊያን	እውነት ነው።	ሞዳል-backdrop አባልን ያካትታል። በአማራጭ፣ `static`ጠቅ ሲደረግ ሞዳልን የማይዘጋው ለጀርባ ይግለጹ።
የቁልፍ ሰሌዳ	ቡሊያን	እውነት ነው።	የማምለጫ ቁልፍ ሲጫን ሞዳልን ይዘጋል።
አሳይ	ቡሊያን	እውነት ነው።	ሲጀመር ሞዳልን ያሳያል።

ምልክት ማድረጊያ

አንድ ነጠላ የጃቫስክሪፕት መስመር መፃፍ ሳያስፈልግዎት ሞዳሎችን በገጽዎ ላይ በቀላሉ ማንቃት ይችላሉ። ልክ ከሞዳል ኤለመንት መታወቂያ ጋር የሚዛመደውን data-toggle="modal"የመቆጣጠሪያ ኤለመንት ያዘጋጁ data-target="#foo"እና href="#foo"ጠቅ ሲያደርጉ ሞዳልዎን ያስጀምራል።

እንዲሁም፣ ወደ ሞዳል ምሳሌዎ አማራጮችን ለመጨመር፣ በመቆጣጠሪያው አካል ወይም በራሱ ሞዳል ማርክ ላይ እንደ ተጨማሪ የውሂብ ባህሪያት ያካትቷቸው።

<a class = "btn" data-toggle = "modal" href = "#myModal" > የማስጀመሪያ ሞዳል </a>

<div class = "modal hide " id = "myModal" >  
  <div class = "modal-header" > 
    <button type = "button" class = "ዝጋ" data-dismiss = "modal" > × </button>   
    <h3> የሞዳል ራስጌ </h3>
  </div>
  <div class = "modal-body" > 
    <p> አንድ ጥሩ አካል… </p>
  </div>
  <div class = "modal-footer" > 
    <a href = "#" class = "btn" data-dismiss = "modal" > ዝጋ </a>   
    <a href = "#" class = "btn btn-primary" > ለውጦችን አስቀምጥ </a>  
  </div>
</div>

ቀና በል! የእርስዎ ሞዳል ወደ ውስጥ እና ወደ ውጭ እንዲንቀሳቀስ ከፈለጉ፣ .fadeወደ .modalኤለመንት ክፍል ብቻ ያክሉ (ይህን በተግባር ለማየት ማሳያውን ይመልከቱ) እና bootstrap-transition.jsን ያካትቱ።

ዘዴዎች

ሞዳል(አማራጮች)

ይዘትዎን እንደ ሞዳል ያነቃል። አማራጭ አማራጮችን ይቀበላል object።

$ ( '#myModal' )። ሞዳል ({
  የቁልፍ ሰሌዳ : ውሸት 
})

.ሞዳል('መቀያየር')

ሞዳልን በእጅ ይቀየራል።

$ ( '#myModal' )። ሞዳል ( 'መቀያየር' )

ሞዳል('ሾው')

ሞዳልን በእጅ ይከፍታል።

$ ( '#myModal' )። ሞዳል ( 'አሳይ' )

ሞዳል('ደብቅ')

ሞዳልን በእጅ ይደብቃል።

$ ( '#myModal' )። ሞዳል ( 'ደብቅ' )

ክስተቶች

የቡትስትራፕ ሞዳል ክፍል ወደ ሞዳል ተግባር ለመጠመድ ጥቂት ክስተቶችን ያጋልጣል።

ክስተት	መግለጫ
አሳይ	`show`የምሳሌው ዘዴ ሲጠራ ይህ ክስተት ወዲያውኑ ይቃጠላል .
ታይቷል።	ይህ ክስተት ሞጁሉ ለተጠቃሚው እንዲታይ ሲደረግ ይቃጠላል (የ css ሽግግሮች እስኪጠናቀቁ ድረስ ይጠብቃል)።
መደበቅ	`hide`የምሳሌው ዘዴ ሲጠራ ይህ ክስተት ወዲያውኑ ይቃጠላል .
ተደብቋል	ሞዱሉ ከተጠቃሚው ተደብቆ ሲጠናቀቅ ይህ ክስተት የሚነድ ነው (የ css ሽግግሮች እስኪጠናቀቁ ድረስ ይጠብቃል)።

$ ( '#myModal' )። በርቷል ( 'የተደበቀ' ፣ ተግባር () {   
  // የሆነ ነገር አድርግ…
})

ስለ ተቆልቋይ

ሰነድ አውርድ

ምሳሌዎች

ተቆልቋይ ናቭ አገናኞችን እና ከታች ያለውን ተቆልቋይ ለመፈተሽ ከዚህ በታች ያሉትን እንክብሎች ጠቅ ያድርጉ።

bootstrap-dropdown.js በመጠቀም

ተቆልቋዮቹን በጃቫስክሪፕት ይደውሉ፡-

$ ( '. dropdown-toggle' ). መውረድ ()

ምልክት ማድረጊያ

በፍጥነት ተቆልቋይ ተግባርን ወደ ማንኛውም አካል ለመጨመር በቀላሉ ያክሉ data-toggle="dropdown"እና ማንኛውም የሚሰራ የቡት ማሰሪያ ተቆልቋይ በራስ-ሰር ገቢር ይሆናል።

ቀና በል! እንደ አማራጭ አንድን ተቆልቋይ በመጠቀም data-target="#fat"ወይም ዒላማ ማድረግ ይችላሉ href="#fat"።

<ul class = "nav nav-pills" > 
  <li class = "active" ><a href = "#" > መደበኛ ማገናኛ </a></li>  
  <li class = "ተቆልቋይ" id = "menu1" >  
    <a class = "dropdown-toggle" data-toggle = "ተቆልቋይ" href = "#menu1" >   
      ዝቅ በል
      <b class = "እንክብካቤ" ></b> 
    </a>
    <ul class = "ተቆልቋይ-ሜኑ" > 
      <li><a href = "#" > ድርጊት </a></li> 
      <li><a href = "#" > ሌላ እርምጃ </a></li> 
      <li><a href = "#" > እዚህ ሌላ ነገር </a></li> 
      <li class = "አከፋፋይ" ></li> 
      <li><a href = "#" > የተለየ አገናኝ </a></li> 
    </ul>
  </li>
  ...
</ul>

ዩአርኤሎችን እንደተበላሹ ለማቆየት ከ data-targetይልቅ ባህሪውን ይጠቀሙ href="#"።

<ul class = "nav nav-pills" > 
  <li class = "ተቆልቋይ" > 
    <a class = "dropdown-toggle" data-toggle = "dropdown" data-target = "#" href = "path/to/page.html" >    
      ዝቅ በል
      <b class = "እንክብካቤ" ></b> 
    </a>
    <ul class = "ተቆልቋይ-ሜኑ" > 
      ...
    </ul>
  </li>
</ul>

ዘዴዎች

$() ተቆልቋይ()

ምናሌዎችን ለማንቃት ፕሮግራማዊ ኤፒአይ ለተወሰነ ናቭባር ወይም ታብድ አሰሳ።

የ ScrollSpy ፕለጊን በማሸብለል አቀማመጥ ላይ በመመስረት የናቪ ኢላማዎችን በራስ-ሰር ለማዘመን ነው።

ሰነድ አውርድ

ምሳሌ navbar ከ scrollspy ጋር

ከታች ያለውን ቦታ ይሸብልሉ እና የአሰሳ ዝመናን ይመልከቱ። የተቆልቋዩ ንዑስ ንጥሎችም ይደምቃሉ። ሞክረው!

@ ስብ

የማስታወቂያ ሌጊግስ ኪታር፣ ብሩች መታወቂያ አርት ፓርቲ ዶሎር ጉልበት። Pitchfork yr enim lo-fi qui ከመሸጡ በፊት። Tumblr ከእርሻ ወደ ጠረጴዛ የብስክሌት መብቶች ምንም ይሁን። Anim keffiyeh carles cardigan. Velit seitan mcsweeney's photo booth 3 wolf moon irure. ኮዝቢ ሹራብ ሎሞ ዣን ቁምጣ፣ ዊሊያምስበርግ ሁዲ ሚኒም ኩዊ ምናልባት ስለነሱ አልሰማህም et cardigan Trust fund culpa biodiesel Wes Anderson aesthetic. ኒሂል የተነቀሰ አክሳመስ፣ cred irony biodiesel keffiyeh artisan ullamco consequat።

@mdo

ቬኒአም ማርፋ የጢም መንሸራተቻ ሰሌዳ፣ አድፒሲሲንግ fugiat velit ፒችፎርክ ጢም። የፍሪጋን ጢም አሊካ ኩፒዳታት የማሲስዊኒ ቬሮ። ኩፒዳታት አራት ሎኮ ኒሲ፣ ኤ ሄልቬቲካ ኑላ ካርልስ። የተነቀሰ የኮስቢ ሹራብ የምግብ መኪና፣ የማሲስዊኒ ክዊስ ፍሪጋን ያልሆነ ቪኒል። Lo-fi wes anderson +1 sartorial. ካርልስ ውበት የሌለው የአካል ብቃት እንቅስቃሴ ጓንትነት። ብሩክሊን adipisicing ክራፍት ቢራ ምክትል keytar desrunt.

አንድ

Occaecat commodo aliqua delectus. ፋፕ ክራፍት ቢራ deserunt skateboard e. የሎሞ የብስክሌት መብቶች adipisicing banh mi, velit ea sunt next level locavore ነጠላ መነሻ ቡና በማግና ቬኒየም። ከፍተኛ ህይወት መታወቂያ ቪኒል፣ echo park consequat quis aliquip banh mi ፕትፎርክ። Vero VHS est adipisicing. Consectetur nisi DIY minim messenger ቦርሳ። Cred ex in, ዘላቂ delectus consectetur fanny ጥቅል iphone.

ሁለት

In incididunt echo park, officia deserunt mcsweeney's proident master cleanse thundercats sapiente veniam. Excepteur VHS elit, proident shoreditch +1 biodiesel laborum craft beer. Single-origin coffee wayfarers irure four loko, cupidatat terry richardson master cleanse. Assumenda you probably haven't heard of them art party fanny pack, tattooed nulla cardigan tempor ad. Proident wolf nesciunt sartorial keffiyeh eu banh mi sustainable. Elit wolf voluptate, lo-fi ea portland before they sold out four loko. Locavore enim nostrud mlkshk brooklyn nesciunt.

three

Ad leggings keytar, brunch id art party dolor labore. Pitchfork yr enim lo-fi before they sold out qui. Tumblr farm-to-table bicycle rights whatever. Anim keffiyeh carles cardigan. Velit seitan mcsweeney's photo booth 3 wolf moon irure. Cosby sweater lomo jean shorts, williamsburg hoodie minim qui you probably haven't heard of them et cardigan trust fund culpa biodiesel wes anderson aesthetic. Nihil tattooed accusamus, cred irony biodiesel keffiyeh artisan ullamco consequat.

Keytar twee ብሎግ፣ culpa messenger ቦርሳ ማርፋ ምንም አይነት የዲሌክቶስ ምግብ መኪና። ሳፒየንተ ሲንት ኢድ ግምትንዳ። Locavore sed helvetica cliche አስቂኝ፣ ነጎድጓዳማ ድመቶች ስለነሱ ሰምተህ የማታውቀው ከሆዲ ከግሉተን ነፃ የሆነ ሎ-ፋይ ፋፕ አሊኩፕ ያስከተለ ነው። Labore elit placeat ወደ ውጭ ከመሸጣቸው በፊት፣ ቴሪ ሪቻርድሰን ታዋቂው ብሩች ኒሲዩንት ኩይስ ኮዝቢ ሹራብ pariatur keffiyeh ut helvetica የእጅ ባለሙያ። የካርዲጋን ክራፍት ቢራ ሴታን ዝግጁ የተሰራ ቬሊት። VHS chambray laboris tempor veniam. Anim mollit minim commodo ullamco ነጎድጓዳማ ድመቶች።

bootstrap-scrollspy.js በመጠቀም

ወደ ጥቅልል ስፓይ በጃቫስክሪፕት ይደውሉ፡

$ ( '#navbar' )። ጥቅልል ስፓይ ()

ምልክት ማድረጊያ

በቀላሉ የማሸብለል ባህሪን ወደ የላይኛው አሞሌ አሰሳ ለመጨመር በቀላሉ ሊሰልሉበት ወደሚፈልጉት data-spy="scroll"አካል ያክሉ (በተለምዶ ይህ አካል ነው)።

<body data-spy = "scroll" > ... </ body>

ቀና በል! የናቭባር አገናኞች ሊፈቱ የሚችሉ የመታወቂያ ኢላማዎች ሊኖራቸው ይገባል። ለምሳሌ፣ አንድ <a href="#home">home</a>በዶም ውስጥ ካለ ነገር ጋር መዛመድ አለበት እንደ <div id="home"></div>.

ዘዴዎች

.scrollspy('አድስ')

ከ DOM አባሎችን ከመጨመር ወይም ከማስወገድ ጋር በማጣመር scrollspy ን ሲጠቀሙ የማደስ ዘዴውን እንደሚከተለው መደወል ያስፈልግዎታል፡-

$ ( '[data-spy="scroll" ). እያንዳንዱ ( ተግባር () {  
  var $ spy = $ ( ይህ ). scrollspy ( 'አድስ' )
});

አማራጮች

ስም	ዓይነት	ነባሪ	መግለጫ
ማካካሻ	ቁጥር	10	የማሸብለል ቦታን ሲያሰሉ ከላይ የሚካካሱ ፒክሰሎች።

ክስተቶች

ክስተት	መግለጫ
ማንቃት	ይህ ክስተት አዲስ ንጥል በጥቅል ስፓይ ሲነቃ ይቃጠላል።

ይህ ፕለጊን በአካባቢያዊ ይዘት ለመሸጋገር ፈጣን፣ ተለዋዋጭ ትር እና ክኒን ተግባርን ይጨምራል።

ሰነድ አውርድ

ምሳሌ ትሮች

በተደበቁ መቃኖች መካከል ለመቀያየር ከታች ያሉትን ትሮች ጠቅ ያድርጉ፣ በተቆልቋይ ሜኑም ቢሆን።

ጥሬ ጂንስ ምናልባት ስለነሱ ጂን ቁምጣ አውስቲን ሰምተህ አታውቅም። Nesciunt ቶፉ stumptown aliqua፣ retro synth master cleanse። ፂም ክሊች ቴምፕር፣ ዊሊያምስበርግ ካርልስ ቪጋን ሄልቬቲካ። Reprehenderit ሉካንዳ retro keffiyeh dreamcatcher synth. ኮዝቢ ሹራብ eu banh mi, qui irure ቴሪ ሪቻርድሰን የቀድሞ ስኩዊድ። Aliquip placeat salvia cillum iphone. ሴይታን አሊኩፕ ኩይስ ካርዲጋን አሜሪካዊ አልባሳት፣ ሥጋ ሥጋ ቆራጭ ቮልፕቴት ኒሲ ኪ።

Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.

Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred pitchfork. Williamsburg banh mi whatever gluten-free, carles pitchfork biodiesel fixie etsy retro mlkshk vice blog. Scenester cred you probably haven't heard of them, vinyl craft beer blog stumptown. Pitchfork sustainable tofu synth chambray yr.

ትረስት ፈንድ seitan letterpress፣ keytar raw Denim keffiyeh etsy art party ከማስተር ማፅዳት ግሉተን-ነጻ ስኩዊድ ትእይንትስተር ፍሪጋን ኮስቢ ሹራብ ከመሸጣቸው በፊት። Fanny pack portland seitan DIY፣ የጥበብ ድግስ ሎካቮር ተኩላ ክሊቼ ከፍተኛ ሕይወት አስተጋባ ፓርክ ኦስቲን። Cred vinyl keffiyeh DIY salvia PBR፣ banh mi ከእርሻ ወደ ጠረጴዛ VHS የቫይረስ ሎካቮር ኮዝቢ ሹራብ ከመሸጡ በፊት። የሎሞ ተኩላ ቫይረስ፣ ፂም ዝግጅቱ ነጎድጓዳማ ድመት ከፍየህ ክራፍት ቢራ ማርፋ ስነምግባር። Wolf salvia freegan፣ sartorial keffiyeh echo park vegan።

bootstrap-tab.js በመጠቀም

በጃቫስክሪፕት በኩል ሊታዩ የሚችሉ ትሮችን ያንቁ (እያንዳንዱ ትር በተናጥል መንቃት አለበት)

$ ( '#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 = "nav nav-tabs" > 
  <li><a href = "#home" data-toggle = "tab" > መነሻ </a></li>  
  <li><a href = "#profile" data-toggle = "tab" > መገለጫ </a></li>  
  <li><a href = "#messages" data-toggle = "tab" > መልእክቶች </a></li>  
  <li><a href = "#settings" data-toggle = "tab" > መቼቶች </a></li>  
</ul>

ዘዴዎች

$() ትር

የትር አባል እና የይዘት መያዣን ያነቃል። ትር በ DOM ውስጥ የእቃ መያዣ መስቀለኛ መንገድ data-targetወይም ኢላማ ማድረግ አለበት።href

<ul class = "nav nav-tabs" id = "myTab" >  
  <li class = "ንቁ" ><a href = "#ቤት" > ቤት </a></li>  
  <li><a href = "#መገለጫ" > መገለጫ </a></li> 
  <li><a href = "#መልእክቶች" > መልእክቶች </a></li> 
  <li><a href = "#ቅንጅቶች" > መቼቶች </a></li> 
</ul>
 
<div class = "tab-content" > 
  <div class = "tab-pane active" id = "ቤት" > ... </div>  
  <div class = "tab-pane" id = "profile" > ... </div>  
  <div class = "tab-pane" id = "መልእክቶች" > ... </div>  
  <div class = "tab-pane" id = "settings" > ... </div>  
</div>
 
<ስክሪፕት>
  $ ( ተግባር () {  
    $ ( '#myTab a: last' )። ትር ( 'አሳይ' );
  })
</script>

ክስተቶች

ክስተት	መግለጫ
አሳይ	ይህ ክስተት በትር ትዕይንት ላይ ይቃጠላል፣ ነገር ግን አዲሱ ትር ከመታየቱ በፊት። `event.target`ገባሪውን ትር እና `event.relatedTarget`የቀደመውን ገባሪ ትር (ካለ) በቅደም ተከተል ዒላማ ለማድረግ ይጠቀሙ ።
ታይቷል።	ይህ ክስተት ትር ከታየ በኋላ በትብ ትዕይንት ላይ ይቀጣጠላል። `event.target`ገባሪውን ትር እና `event.relatedTarget`የቀደመውን ገባሪ ትር (ካለ) በቅደም ተከተል ዒላማ ለማድረግ ይጠቀሙ ።

$ ( 'a[data-toggle="tab"]' )። በርቷል ( 'የሚታየው' ፣ ተግባር ( ሠ ) {   
  ሠ . ዒላማ // የነቃ ትር
  ሠ . ተዛማጅ ዒላማ // ያለፈው ትር
})

ስለ መሳሪያ ምክሮች

በጄሰን ፍሬም በተፃፈው ምርጥ jQuery.tipsy ፕለጊን አነሳሽነት; የመሳሪያ ምክሮች በምስሎች ላይ የማይመሰረቱ፣ css3 ለአኒሜሽን እና ለአካባቢያዊ የርዕስ ማከማቻ ዳታ-ባህሪያትን የማይጠቀሙ የዘመነ ስሪት ናቸው።

ሰነድ አውርድ

የመሳሪያ ምክሮች አጠቃቀም ምሳሌ

የመሳሪያ ምክሮችን ለማየት ከታች ባሉት ማገናኛዎች ላይ ያንዣብቡ፡-

bootstrap-tooltip.js በመጠቀም

በጃቫስክሪፕት በኩል የመሳሪያውን ጫፍ ቀስቅሰው፡-

$ ( '#ምሳሌ' )። የመሳሪያ ምክር ( አማራጮች )

አማራጮች

ስም	ዓይነት	ነባሪ	መግለጫ
አኒሜሽን	ቡሊያን	እውነት ነው።	የ css ደብዝዝ ሽግግርን ወደ መሳሪያ ጫፍ ተግብር
አቀማመጥ	string \| ተግባር	'ከላይ'	የመሳሪያውን ጫፍ እንዴት እንደሚቀመጥ - ከላይ \| የታችኛው \| ግራ \| ቀኝ
መራጭ	ሕብረቁምፊ	የውሸት	መራጭ ከቀረበ፣የመሳሪያ ምክር ነገሮች ለተገለጹት ኢላማዎች ይላካሉ።
ርዕስ	ሕብረቁምፊ \| ተግባር	''	`ርዕስ` መለያ ከሌለ ነባሪ የርዕስ ዋጋ
ቀስቅሴ	ሕብረቁምፊ	'ማንዣበብ'	የመሳሪያ ጫፍ እንዴት እንደሚነሳ - ማንዣበብ \| ትኩረት \| መመሪያ
መዘግየት	ቁጥር \| ነገር	0	የመሳሪያውን ጫፍ (ms) ማሳየት እና መደበቅ መዘግየት - በእጅ ቀስቅሴ አይነት ላይ አይተገበርም። ቁጥር ከቀረበ፣ መዘግየት በሁለቱም መደበቅ/ማሳየት ላይ ይተገበራል። የእቃው መዋቅር የሚከተለው ነው-`delay: { show: 500, hide: 100 }`

ቀና በል! ለነጠላ የመሳሪያ ምክሮች አማራጮች በመረጃ ባህሪያት አጠቃቀም በኩል ሊገለጹ ይችላሉ።

ምልክት ማድረጊያ

ለአፈጻጸም ምክንያቶች፣ Tooltip እና Popover data-apis መርጠው ገብተዋል። እነሱን ለመጠቀም ከፈለጉ በቀላሉ የመምረጫ አማራጭ ይጥቀሱ።

<a href = "#" rel = "tooltip" ርዕስ = "የመጀመሪያው የመሳሪያ ምክር" > በእኔ ላይ አንዣብብ </a>

ዘዴዎች

$()የመሳሪያ ቲፕ(አማራጮች)

የመሳሪያ ቲፕ ተቆጣጣሪን ከአንድ ንጥረ ነገር ስብስብ ጋር ያያይዛል።

.tooltip('ሾው')

የአንድ ንጥረ ነገር መሣሪያ ጫፍን ያሳያል።

$ ( '# አካል' ) የመሳሪያ ጫፍ ( 'አሳይ' )

.tooltip('ደብቅ')

የአንድን ንጥረ ነገር መሣሪያ ጫፍ ይደብቃል።

$ ( '# አካል' ) የመሳሪያ ጫፍ ( 'ደብቅ' )

.tooltip('መቀያየር')

የአንድን ንጥረ ነገር መሣሪያ ጫፍ ይቀያይራል።

$ ( '# አካል' ) የመሳሪያ ጫፍ ( "መቀያየር" )

ስለ ፖፖቨርስ

ለሁለተኛ ደረጃ መረጃ ለማንኛውም ኤለመንት በ iPad ላይ እንዳሉት ትናንሽ ተደራቢዎችን ያክሉ።

* ለመካተት የመሳሪያ ምክሮችን ይፈልጋል

ሰነድ አውርድ

ምሳሌ ማንዣበብ ብቅ ባይ

ብቅ-ባይን ለመቀስቀስ በአዝራሩ ላይ ያንዣብቡ።

ለ popover ማንዣበብ

bootstrap-popover.js በመጠቀም

በጃቫስክሪፕት በኩል ብቅ-ባዮችን አንቃ፡-

$ ( '#ምሳሌ' )። ብቅ-ባይ ( አማራጮች )

አማራጮች

ስም	ዓይነት	ነባሪ	መግለጫ
አኒሜሽን	ቡሊያን	እውነት ነው።	የ css ደብዝዝ ሽግግርን ወደ መሳሪያ ጫፍ ተግብር
አቀማመጥ	string \| ተግባር	'ቀኝ'	ፖፖውን እንዴት እንደሚቀመጥ - ከላይ \| የታችኛው \| ግራ \| ቀኝ
መራጭ	ሕብረቁምፊ	የውሸት	መራጭ ከቀረበ፣የመሳሪያ ጥቆማ ዕቃዎች ለተገለጹት ኢላማዎች ይላካሉ
ቀስቅሴ	ሕብረቁምፊ	'ማንዣበብ'	የመሳሪያ ጫፍ እንዴት እንደሚነሳ - ማንዣበብ \| ትኩረት \| መመሪያ
ርዕስ	ሕብረቁምፊ \| ተግባር	''	`ርዕስ` ባህሪ ከሌለ ነባሪ የርዕስ ዋጋ
ይዘት	ሕብረቁምፊ \| ተግባር	''	`የውሂብ-ይዘት` ባህሪ ከሌለ ነባሪ የይዘት ዋጋ
መዘግየት	ቁጥር \| ነገር	0	Pooover (MSON) መደበቅ እና መደበቅ - ለትላልቅ የመርከብ አይነት አይተገበርም ቁጥር ከቀረበ፣ መዘግየት በሁለቱም መደበቅ/ማሳየት ላይ ይተገበራል። የእቃው መዋቅር የሚከተለው ነው-`delay: { show: 500, hide: 100 }`

ቀና በል! ለግል ብቅ-ባይ አማራጮች እንደ አማራጭ የውሂብ ባህሪያትን በመጠቀም ሊገለጹ ይችላሉ።

ምልክት ማድረጊያ

ዘዴዎች

$()።popover(አማራጮች)

ለአንድ ንጥረ ነገር ስብስብ ብቅ-ባዮችን ያስጀምራል።

.popover('ትዕይንት')

ብቅ ባይ የሆኑ ንጥረ ነገሮችን ያሳያል።

$ ( '# አካል' ) ብቅ ባይ ( 'አሳይ' )

.popover('ደብቅ')

ብቅ ባይ የሆኑ ንጥረ ነገሮችን ይደብቃል።

$ ( '# አካል' ) ብቅ ባይ ( 'ደብቅ' )

.popover('መቀያየር')

ኤለመንቶችን ብቅ-ባይን ይቀያይራል።

$ ( '# አካል' ) ብቅ- ባይ ( "መቀያየር" )

ስለ ማንቂያዎች

የማንቂያ ፕለጊን ወደ ማንቂያዎች ቅርብ ተግባራትን ለመጨመር ትንሽ ክፍል ነው።

አውርድ

ምሳሌ ማንቂያዎች

የማንቂያዎች ተሰኪው በመደበኛ የማንቂያ መልእክቶች ላይ ይሰራል እና መልዕክቶችን ያግዳል።

ቅዱስ guacamole! እራስህን ፈትሽ በጣም ጥሩ አይደለህም።

ኧረ ተው! ስህተት አለብህ!

ይህንን እና ያንን ይለውጡ እና እንደገና ይሞክሩ። Duis mollis፣ est non commodo luctus፣ nisi erat porttitor ligula፣ eget lacinia odio sem nec elit። Cras mattis consectetur purus sit amet fermentum.

ይህን እርምጃ ይውሰዱ ወይም ይህን አድርግ

bootstrap-alert.js በመጠቀም

ማንቂያውን በጃቫስክሪፕት ማሰናበት ያንቁ፡-

$ ( ". ማንቂያ" ). ማንቂያ ()

ምልክት ማድረጊያ

data-dismiss="alert"የማንቂያ ቅርብ ተግባርን በራስ-ሰር ለመስጠት ወደ መዝጊያ ቁልፍዎ ያክሉ ።

<a class = "close" data-dismiss = "ማስጠንቀቂያ" href = "#" > × </a>

ዘዴዎች

$() ማንቂያ()

ሁሉንም ማንቂያዎች በቅርብ ተግባር ያጠቃልላል። ማንቂያዎችዎ በሚዘጉበት ጊዜ እንዲነቁ ለማድረግ፣ ቀድሞውንም የተተገበሩበት ክፍል .fadeእና ክፍል እንዳላቸው ያረጋግጡ።.in

ማንቂያ ('ዝግ')

ማንቂያ ይዘጋል።

$ ( ". ማንቂያ" ). ማንቂያ ( "ዝጋ" )

ክስተቶች

የቡትስትራፕ ማንቂያ ክፍል ወደ ማንቂያ ተግባር ለመግባት ጥቂት ክስተቶችን ያጋልጣል።

ክስተት	መግለጫ
ገጠመ	`close`የምሳሌው ዘዴ ሲጠራ ይህ ክስተት ወዲያውኑ ይቃጠላል .
ዝግ	ይህ ክስተት የሚተኮሰው ማንቂያው ሲዘጋ ነው (የ css ሽግግሮች እስኪጠናቀቁ ድረስ ይጠብቃል)።

$ ( '#የእኔ-ማስጠንቀቂያ' )። ማሰር ( 'ዝግ' ፣ ተግባር () {   
  // የሆነ ነገር አድርግ…
})

ስለ

ሰነድ አውርድ

ምሳሌ አጠቃቀሞች

ለግዛቶች እና ለመቀያየር ቁልፎችን ተሰኪን ይጠቀሙ።

ግዛት ያለው
ነጠላ መቀያየር
አመልካች ሳጥን
ሬዲዮ

bootstrap-button.js በመጠቀም

አዝራሮችን በጃቫስክሪፕት በኩል አንቃ፡-

$ ( '.nav-tabs' )። አዝራር ()

ምልክት ማድረጊያ

የውሂብ ባህሪያት ከአዝራር ተሰኪ ጋር ወሳኝ ናቸው። ለተለያዩ የማርክ ዓይነቶች ከዚህ በታች ያለውን የምሳሌ ኮድ ይመልከቱ።

<!-- በአንድ አዝራር ላይ መቀያየርን ለማንቃት data-toggle="button" ያክሉ -->
<button class = "btn" data-toggle = "button" > ነጠላ መቀያየር </button>  
 
<!-- በbtn-group ላይ ለመቀያየር ዳታ-toggle="buttons-checkbox" አክል -->
<div class = "btn-group" data-toggle = "buttons-checkbox" >  
  <button class = "btn" > ግራ </button> 
  <button class = "btn" > መካከለኛ </button> 
  <button class = "btn" > ቀኝ </button> 
</div>
 
<!-- በbtn-ግሩፕ ላይ ለመቀያየር ዳታ-ቶggle="buttons-radio" አክል -->
<div class = "btn-group" data-toggle = "buttons-radio" >  
  <button class = "btn" > ግራ </button> 
  <button class = "btn" > መካከለኛ </button> 
  <button class = "btn" > ቀኝ </button> 
</div>

ዘዴዎች

$() አዝራር ('መቀያየር')

የግፋ ሁኔታን ይቀያይራል። አዝራሩ የነቃውን መልክ ይሰጣል።

ቀና በል! ባህሪውን በመጠቀም የአንድን አዝራር በራስ-ሰር መቀያየርን ማንቃት ይችላሉ data-toggle።

<button class = "btn" data-toggle = "አዝራር" > … </button>

$() አዝራር('መጫን')

የአዝራር ሁኔታን ወደ ጭነት ያዘጋጃል - አዝራሩን ያሰናክላል እና ጽሑፍን ወደ መስቀል ይለውጣል። የመጫኛ ጽሑፍ የውሂብ ባህሪን በመጠቀም በአዝራሩ አካል ላይ መገለጽ አለበት data-loading-text.

<button class = "btn" data-loading-text = "ነገሮችን በመጫን ላይ..." > ... </button>

ቀና በል! ፋየርፎክስ በገጽ ጭነቶች ላይ የአካል ጉዳተኛ ሁኔታን እንደቀጠለ ነው። ለዚህ መፍትሄ መጠቀም autocomplete="off"ነው.

$() አዝራር ('ዳግም ማስጀመር')

የአዝራር ሁኔታን ዳግም ያስጀምራል - ጽሑፍ ወደ ዋናው ጽሑፍ ይቀያይራል።

$() አዝራር (ሕብረቁምፊ)

የአዝራር ሁኔታን ዳግም ያስጀምራል - ጽሑፍ ወደ ማንኛውም ውሂብ ወደተገለጸው የጽሑፍ ሁኔታ ይለዋወጣል።

<button class = "btn" data-complete-text = "አልቋል!" > ... </button>   
<ስክሪፕት>
  $ ( '.btn' )። አዝራር ( "ሙሉ" )
</script>

ስለ

እንደ አኮርዲዮን እና አሰሳ ላሉ ሊሰበሰቡ ለሚችሉ አካላት የመሠረት ቅጦች እና ተለዋዋጭ ድጋፍ ያግኙ።

ሰነድ አውርድ

* የ Transitions plugin እንዲካተት ይፈልጋል።

ምሳሌ አኮርዲዮን

የስብስብ ተሰኪን በመጠቀም ቀላል የአኮርዲዮን ዘይቤ መግብርን ገንብተናል፡-

ሊሰበሰብ የሚችል ቡድን ንጥል #1

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus ቴሪ ሪቻርድሰን ማስታወቂያ ስኩዊድ። 3 ተኩላ ጨረቃ ኦፊሺያ aute፣ non cupidatat skateboard dolor brunch። የምግብ መኪና quinoa nesciunt laborum eiusmod. ብሩች 3 ተኩላ ጨረቃ ጊዜ፣ sunt aliqua ወፍ በላዩ ላይ አስቀመጠ ስኩዊድ ነጠላ ምንጭ ቡና nulla assumenda shoreditch et. ኒሂል አኒ ከፍየህ ሄልቬቲካ፣ ክራፍት ቢራ ላቦሬ ዌስ አንደርሰን ክሬድ ኔስሲዩንት ሳፒየንቴ ኢአ ፕራይደንት። ማስታወቂያ ቪጋን በስተቀር ስጋ ቤት ምክትል ሎሞ። Leggings occaecat ክራፍት ቢራ እርሻ-ወደ-ጠረጴዛ, ጥሬ የዲኒም ውበት synth nesciunt ምናልባት አንተ ስለ እነርሱ ሰምተህ አታውቅም accusamus labour ዘላቂ VHS.

ሊሰበሰብ የሚችል ቡድን ቁጥር 2

ሊሰበሰብ የሚችል ቡድን ቁጥር 3

bootstrap-collapse.js በመጠቀም

በጃቫስክሪፕት አንቃ፡-

$ ( ". ሰብስብ" ). መውደቅ ()

አማራጮች

ስም	ዓይነት	ነባሪ	መግለጫ
ወላጅ	መራጭ	የውሸት	መራጭ ከሆነ ይህ የሚሰበሰብ ንጥል ነገር ሲታይ በተገለጸው ወላጅ ስር ያሉ ሁሉም የሚሰበሰቡ ክፍሎች ይዘጋሉ። (ከባህላዊ አኮርዲዮን ባህሪ ጋር ተመሳሳይ)
ቀያይር	ቡሊያን	እውነት ነው።	በጥሪ ላይ ሊሰበሰብ የሚችለውን አካል ይቀየራል።

ምልክት ማድረጊያ

data-toggle="collapse"በቀላሉ የሚሰበሰብ ኤለመንት ቁጥጥርን ለመመደብ ወደ data-targetኤለመንት ያክሉ ። ባህሪው data-targetውድቀትን ለመተግበር css መራጭን ይቀበላል። ክፍሉን collapseወደ ሊሰበሰበው አካል ማከልዎን ያረጋግጡ። በነባሪ እንዲከፈት ከፈለጉ ተጨማሪውን ክፍል ያክሉ in።

<button class = "btn btn- danger" data -toggle = "collapse" data-target = "#demo" >   
  ቀላል ሊሰበሰብ የሚችል
</button>
 
<div id = "demo" class = "ሰብስብ" > … </div>

ቀና በል! አኮርዲዮን የመሰለ የቡድን አስተዳደርን ወደ ሊሰበሰብ የሚችል ቁጥጥር ለመጨመር የውሂብ ባህሪውን ያክሉ data-parent="#selector"። ይህንን በተግባር ለማየት ማሳያውን ይመልከቱ።

ዘዴዎች

.ሰብስብ(አማራጮች)

የእርስዎን ይዘት እንደ ሊሰበሰብ የሚችል አካል ያገብራል። አማራጭ አማራጮችን ይቀበላል object።

$ ( '#My Collapsible' )። መሰባበር ({
  መቀያየር : ውሸት 
})

.ሰብስብ('መቀያየር')

ሊሰበሰብ የሚችል አካል ወደ የሚታይ ወይም የተደበቀ ይቀየራል።

.ሰብስብ('አሳይ')

ሊፈርስ የሚችል አካል ያሳያል።

ሰብስብ('ደብቅ')

ሊፈርስ የሚችል አካል ይደብቃል።

ክስተቶች

የቡትስትራፕ ውድቀት ክፍል ወደ ውድቀት ተግባር ለመያያዝ ጥቂት ክስተቶችን ያጋልጣል።

ክስተት	መግለጫ
አሳይ	`show`የምሳሌው ዘዴ ሲጠራ ይህ ክስተት ወዲያውኑ ይቃጠላል .
ታይቷል።	ይህ ክስተት የሚተኮሰው የብልሽት ኤለመንት ለተጠቃሚው እንዲታይ ሲደረግ ነው (የ css ሽግግሮች እስኪጠናቀቁ ድረስ ይጠብቃል)።
መደበቅ	`hide`ዘዴው ሲጠራ ይህ ክስተት ወዲያውኑ ይቃጠላል .
ተደብቋል	ይህ ክስተት የሚተኮሰው የብልሽት ኤለመንት ከተጠቃሚው ከተደበቀ ነው (የ css ሽግግሮች እስኪጠናቀቁ ድረስ ይጠብቃል።)

$ ( '#My Collapsible' )። በርቷል ( 'የተደበቀ' ፣ ተግባር () {   
  // የሆነ ነገር አድርግ…
})

ስለ

በንጥረ ነገሮች ውስጥ ለብስክሌት መንዳት አጠቃላይ ተሰኪ። የደስታ ዙር።

ሰነድ አውርድ

ምሳሌ carousel

ከታች ያለውን የስላይድ ትዕይንት ይመልከቱ።

የመጀመሪያ ድንክዬ መለያ

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

ሁለተኛ ድንክዬ መለያ

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

ሶስተኛ ድንክዬ መለያ

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

‹ ›

ቀና በል! ይህንን ካሮሴል በሚተገበሩበት ጊዜ ያቀረብናቸውን ምስሎች ያስወግዱ እና በእራስዎ ይተኩ።

bootstrap-carousel.js በመጠቀም

በጃቫስክሪፕት ይደውሉ፡

$ ( '. carousel' ). ካሩሰል ()

አማራጮች

ስም	ዓይነት	ነባሪ	መግለጫ
ክፍተት	ቁጥር	5000	በንጥል በራስ-ሰር በብስክሌት መካከል የሚዘገይበት ጊዜ። ውሸት ከሆነ ካሮሴል በራስ ሰር አይሽከረከርም።
ለአፍታ አቁም	ሕብረቁምፊ	"ማንዣበብ"	በ mouseenter ላይ ያለውን የካሮሴል ብስክሌት ባለበት ያቆማል እና በመዳፊት ላይ የካሮሴልን ብስክሌት ይቀጥላል።

ምልክት ማድረጊያ

የውሂብ ባህሪያት ለቀድሞዎቹ እና ለቀጣዮቹ ተቆጣጣሪዎች ጥቅም ላይ ይውላሉ. ከዚህ በታች ያለውን ምሳሌ ምልክት ይመልከቱ።

<div id = "myCarousel" ክፍል = "የካሮሴል ስላይድ" >  
  <!-- የካሮሴል እቃዎች -->
  <div class = "carousel-inner" > 
    <div class = "ንቁ ንጥል" > … </div> 
    <div class = "ንጥል" > … </div> 
    <div class = "ንጥል" > … </div> 
  </div>
  <!-- Carousel nav -->
  <a class = "carousel-control left" href = "#myCarousel" data-slide = "prev" > ‹ </a>   
  <a class = "carousel-control right" href = "#myCarousel" data-slide = "ቀጣይ" > & rsaquo; </a>   
</div>

ዘዴዎች

.ካሮሴል(አማራጮች)

ካሮሴልን በአማራጭ አማራጮች ያስጀምረው objectእና በንጥሎች ውስጥ ብስክሌት መንዳት ይጀምራል።

$ ( '. carousel' ). ካሩሰል ({
  ክፍተት : 2000 
})

.carousel('ዑደት')

ከግራ ወደ ቀኝ በካሮሴል እቃዎች ውስጥ ዑደቶች.

.carousel('አፍታ አቁም')

ካሮሴል በንጥሎች ውስጥ በብስክሌት ከመሽከርከር ያቆመዋል።

.ካሮሴል(ቁጥር)

ካሮሴሉን ወደ አንድ የተወሰነ ፍሬም (0 ላይ የተመሰረተ፣ ከድርድር ጋር ተመሳሳይ) ያዞራል።

.ካሮሴል('ቀደም')

ወደ ቀዳሚው ንጥል ዑደቶች።

.carousel('ቀጣይ')

ወደ ቀጣዩ ንጥል ዑደቶች።

ክስተቶች

የ Bootstrap's carousel ክፍል ወደ carousel ተግባር ለመያያዝ ሁለት ክስተቶችን ያጋልጣል።

ክስተት	መግለጫ
ስላይድ	`slide`የአብነት ዘዴው ሲጠራ ይህ ክስተት ወዲያውኑ ይቃጠላል።
ስላይድ	ካሮሴሉ የስላይድ ሽግግሩን ሲያጠናቅቅ ይህ ክስተት ይቃጠላል።

ስለ

ሰነድ አውርድ

ለምሳሌ

የመተየብ ውጤቶቹን ለማሳየት ከዚህ በታች ባለው መስክ ላይ መተየብ ይጀምሩ።

bootstrap-typeahead.js በመጠቀም

የጽሕፈት መኪናውን በጃቫስክሪፕት ይደውሉ፡-

$ ( '.typehead' ). የጽሕፈት መኪና ()

አማራጮች

ስም	ዓይነት	ነባሪ	መግለጫ
ምንጭ	ድርድር	[ ]	ለመቃወም የሚጠየቅበት የውሂብ ምንጭ።
እቃዎች	ቁጥር	8	በተቆልቋዩ ውስጥ የሚታዩት ከፍተኛው የንጥሎች ብዛት።
ተዛማጅ	ተግባር	ጉዳይ የማይሰማ	መጠይቁ ከእቃው ጋር የሚዛመድ መሆኑን ለመወሰን የሚያገለግል ዘዴ። `item`ጥያቄውን የሚፈትሽበት ነጠላ መከራከሪያ ይቀበላል ። የአሁኑን ጥያቄ በ ጋር ይድረሱበት `this.query`። `true`ጥያቄ ከተዛመደ ቡሊያን ይመልሱ ።
መደርደር	ተግባር	ትክክለኛ ግጥሚያ፣ ጉዳይ ሚስጥራዊነት ያለው፣ ጉዳይ የማይሰማ	የራስ-አጠናቅቅ ውጤቶችን ለመደርደር ጥቅም ላይ የሚውል ዘዴ። ነጠላ ነጋሪ እሴትን ይቀበላል `items`እና የትየባ ራስ ምሳሌ ወሰን አለው። የአሁኑን ጥያቄ በ `this.query`.
ማድመቂያ	ተግባር	ሁሉንም ነባሪ ግጥሚያዎች ያደምቃል	የራስ-አጠናቅቅ ውጤቶችን ለማጉላት ጥቅም ላይ የሚውል ዘዴ። ነጠላ ነጋሪ እሴትን ይቀበላል `item`እና የትየባ ራስ ምሳሌ ወሰን አለው። html መመለስ አለበት።

ምልክት ማድረጊያ

የትየባ ጭንቅላት ተግባር ያለው አካል ለመመዝገብ የውሂብ ባህሪያትን ያክሉ።

<input type = "text" data- provide = "typehead" >

ዘዴዎች

የጽሕፈት መኪና (አማራጮች)

ግብአትን በታይፕ ጭንቅላት ያስጀምራል።

jQuery ፕለጊኖች እርስዎን ለመጀመር ደርዘን ቡትስትራፕ ተሰኪዎች

ፖፖቨር *

ሽግግሮች *

ሞዳሎች bootstrap-modal.js

ስለ ሞዳሎች

የማይንቀሳቀስ ምሳሌ

የሞዳል ራስጌ

የቀጥታ ማሳያ

የሞዳል ርዕስ

ጽሑፍ በሞዳል ውስጥ

በሞዳል ውስጥ ፖፖቨር

የመሳሪያ ምክሮች በሞዳል ውስጥ

አማራጭ ማሸብለያ አሞሌን ለማሳየት የሚትረፈረፍ ጽሑፍ

bootstrap-modal በመጠቀም

አማራጮች

ምልክት ማድረጊያ

ዘዴዎች

ሞዳል(አማራጮች)

.ሞዳል('መቀያየር')

ሞዳል('ሾው')

ሞዳል('ደብቅ')

ክስተቶች

መውረድ bootstrap-dropdown.js

ስለ ተቆልቋይ

ምሳሌዎች

bootstrap-dropdown.js በመጠቀም

ምልክት ማድረጊያ

ዘዴዎች

$() ተቆልቋይ()

ScrollSpy bootstrap-scrollspy.js

ምሳሌ navbar ከ scrollspy ጋር

@ ስብ

@mdo

አንድ

ሁለት

three

bootstrap-scrollspy.js በመጠቀም

ምልክት ማድረጊያ

ዘዴዎች

.scrollspy('አድስ')

አማራጮች

ክስተቶች

ሊቀያየሩ የሚችሉ ትሮች bootstrap-tab.js

ምሳሌ ትሮች

bootstrap-tab.js በመጠቀም

ምልክት ማድረጊያ

ዘዴዎች

$() ትር

ክስተቶች

የመሳሪያ ምክሮች bootstrap- tooltip.js

ስለ መሳሪያ ምክሮች

የመሳሪያ ምክሮች አጠቃቀም ምሳሌ

bootstrap-tooltip.js በመጠቀም

አማራጮች

ምልክት ማድረጊያ

ዘዴዎች

$()የመሳሪያ ቲፕ(አማራጮች)

.tooltip('ሾው')

.tooltip('ደብቅ')

.tooltip('መቀያየር')

Popovers bootstrap-popover.js

ስለ ፖፖቨርስ

ምሳሌ ማንዣበብ ብቅ ባይ

bootstrap-popover.js በመጠቀም

አማራጮች

ምልክት ማድረጊያ

ዘዴዎች

$()።popover(አማራጮች)

.popover('ትዕይንት')

.popover('ደብቅ')

.popover('መቀያየር')

የማንቂያ መልዕክቶች bootstrap-alert.js

ስለ ማንቂያዎች

ምሳሌ ማንቂያዎች

ኧረ ተው! ስህተት አለብህ!

bootstrap-alert.js በመጠቀም

ምልክት ማድረጊያ

ዘዴዎች

$() ማንቂያ()

ማንቂያ ('ዝግ')