Bootstrap ئۈچۈن Javascript

Bootstrap نىڭ زاپچاسلىرىنى ھاياتلىققا ئېرىشتۈرۈڭ ، ھازىر 12 ئىختىيارى jQuery قىستۇرمىسى بار.

Modals

ئىخچام ، ئەمما جانلىق ، ئەنئەنىۋى javascript مودېل قىستۇرمىسىنى ئەڭ تۆۋەن تەلەپتىكى ئىقتىدار ۋە ئەقلىي ئىقتىدارلىق سۈكۈتتىكى ھالەتتە ئىشلىتىڭ.

تامچە

بۇ ئاددىي قىستۇرما ئارقىلىق Bootstrap دىكى ھەممە نەرسىگە دېگۈدەك تىزىملىكلەرنى قوشۇڭ. Bootstrap يولباشچى ، بەتكۈچ ۋە دورىلاردا تولۇق چۈشۈش تىزىملىكىنى قوللايدۇ.

Scrollspy

Scrolllspy نى ئىشلىتىپ توربېتىڭىزدىكى ئۇلانمىلارنى ئاپتوماتىك يېڭىلاپ ، نۆۋەتتىكى ئاكتىپ ئۇلىنىشنى سىيرىلىش ئورنىغا ئاساسەن كۆرسىتىدۇ.

قىستۇرغىلى بولىدىغان بەتكۈچ

بۇ قىستۇرمىنى ئىشلىتىپ بەتكۈچ ۋە دورىلارنى يەرلىك مەزمۇندىكى جەدۋەل تاختىسى ئارقىلىق ئالماشتۇرغىلى بولىدۇ.

قورال قوراللىرى

JQuery Tipsy قىستۇرمىسىغا يېڭى بىر تاللاش ، قورال قوراللىرى رەسىمگە تايانمايدۇ - ئۇلار CSS3 نى كارتون ۋە يەرلىك ماۋزۇ ساقلاش ئۈچۈن سانلىق مەلۇمات خاسلىقى ئۈچۈن ئىشلىتىدۇ.

Popovers *

تۇرالغۇ ئۇچۇرلىرى ئۈچۈن ھەر قانداق ئېلېمېنتقا iPad دىكىگە ئوخشاش كىچىك مەزمۇنلارنى قوشۇڭ.

* قورال قوراللىرىنى ئۆز ئىچىگە ئالىدۇ

ئاگاھلاندۇرۇش ئۇچۇرى

ئاگاھلاندۇرۇش قىستۇرمىسى ئاگاھلاندۇرۇشلارغا يېقىن ئىقتىدار قوشۇشتىكى كىچىك دەرس.

كۇنۇپكىلار

كۇنۇپكىلار بىلەن كۆپرەك قىلىڭ. كونترول كۇنۇپكىسى قورال ستونىغا ئوخشاش تېخىمۇ كۆپ زاپچاسلار ئۈچۈن گۇرۇپپا كۇنۇپكىسىنى كۆرسىتىدۇ.

يىمىرىلىش

ئاككوردىيون ۋە يول باشلاش قاتارلىق قاتلىنىدىغان زاپچاسلارنى ئاساسىي ئۇسلۇب ۋە جانلىق قوللاشقا ئېرىشىڭ.

Carousel

مەزمۇنلارنىڭ ئۆز-ئارا تام تەسۋىر بىلەن تەمىنلىمەكچى بولغان ھەر قانداق مەزمۇننى خۇشال-خۇرام قىلىپ قۇرۇپ چىقىڭ.

Typeahead

ھەر قانداق شەكىلدىكى تېكىست كىرگۈزۈش ئارقىلىق نەپىس خەت بېشىنى تېز قۇرۇش ئۈچۈن ئاساسىي ، ئاسان كېڭەيتىلگەن قىستۇرما.

ئۆتكۈنچى *

ئاددىي ئۆتكۈنچى ئۈنۈم ئۈچۈن ، bootstrap-transition.js نى بىر قېتىم مودېلغا سىيرىڭ ياكى ئاگاھلاندۇرۇشنى ئۆچۈرۈڭ.

قىستۇرمىلاردا كارتون ئىشلەش تەلەپ قىلىنىدۇ

Heads up! بارلىق javascript قىستۇرمىلىرى jQuery نىڭ ئەڭ يېڭى نەشرىنى تەلەپ قىلىدۇ.

مودېللار ھەققىدە

ئىخچام ، ئەمما جانلىق ، ئەنئەنىۋى javascript مودېل قىستۇرمىسىنى ئەڭ تۆۋەن تەلەپتىكى ئىقتىدار ۋە ئەقلىي ئىقتىدارلىق سۈكۈتتىكى ھالەتتە ئىشلىتىڭ.

ھۆججەت چۈشۈرۈش

تۇراقلىق مىسال

تۆۋەندىكىسى ستاتىستىكىلىق كۆرسىتىلگەن مودېل.

Live demo

تۆۋەندىكى كۇنۇپكىنى بېسىش ئارقىلىق javascript ئارقىلىق مودېلنى ئالماشتۇرۇڭ. ئۇ سىيرىلىپ بەتنىڭ ئۈستىدىن سۇسلاپ كېتىدۇ.

ئۈلگە كۆرسىتىش ئەندىزىسىنى قوزغىتىڭ

Bootstrap-modal نى ئىشلىتىش

Javascript ئارقىلىق مودېلغا تېلېفون قىلىڭ:

  1. $ ( '#myModal' ). modal ( options )

تاللانما

ئىسمى تىپى كۆڭۈلدىكى description
ئارقا كۆرۈنۈش boolean true مودېل ئارقا كۆرۈنۈش ئېلېمېنتىنى ئۆز ئىچىگە ئالىدۇ. staticئۇنىڭدىن باشقا ، چېكىشتە مودېلنى تاقىمايدىغان ئارقا كۆرۈنۈشنى بەلگىلەڭ .
كۇنۇپكا تاختىسى boolean true قېچىش كۇنۇپكىسى بېسىلغاندا مودېلنى تاقايدۇ
show boolean true قوزغالغاندا مودېلنى كۆرسىتىدۇ.

Markup

بىر قۇر javascript يازمىسىڭىزمۇ بېتىڭىزدىكى مودېللارنى ئاسانلا قوزغىتالايسىز. data-toggle="modal"كونتروللىغۇچ ئېلېمېنتىغا data-target="#foo"ياكى مودېل ئېلېمېنت id غا ماس كېلىدىغان تەڭشەكنى تەڭشەڭ href="#foo"، چەككەندە ئۇ مودىلىڭىزنى قوزغىتىدۇ.

مودېل ئۈلگىڭىزگە تاللاش قوشۇش ئۈچۈن ، ئۇلارنى كونترول ئېلېمېنتى ياكى مودېل بەلگىسىنىڭ ئۆزىدىكى قوشۇمچە سانلىق مەلۇمات خاسلىقى سۈپىتىدە قوشۇڭ.

  1. <a class = "btn" data-toggle = "modal" href = "#myModal"> قوزغىتىش مودېلى </a>
  1. <div class = "modal hide" id = "myModal" >
  2. <div class = "modal-header" >
  3. <button type = "button" class = "close" data-dismiss = "modal" > × </button>
  4. <h3> مودېل ماۋزۇ </ h3>
  5. </div>
  6. <div class = "modal-body" >
  7. <p> بىر ئېسىل بەدەن… </p>
  8. </div>
  9. <div class = "modal-footer" >
  10. <a href = "#" class = "btn" data-dismiss = "modal"> تاقاش </a> _
  11. <a href = "#" class = "btn btn-primary"> ئۆزگەرتىشلەرنى ساقلاش </a>
  12. </div>
  13. </div>
Heads up! ئەگەر مودىلىڭىزنىڭ جانلاندۇرۇشىنى ئۈمىد قىلسىڭىز .fade، ئېلېمېنتقا بىر دەرس قوشۇڭ .modal(بۇنى ھەرىكەتتە كۆرسىتىش ئۈچۈن كۆرسەتمىگە قاراڭ) ھەمدە bootstrap-transition.js نى ئۆز ئىچىگە ئالىدۇ.

Methods

.modal (تاللانما)

مەزمۇنلىرىڭىزنى مودېل سۈپىتىدە قوزغىتىدۇ. ئىختىيارى تاللاشلارنى قوبۇل قىلىدۇ object.

  1. $ ( '#myModal' ). modal ({
  2. كۇنۇپكا تاختىسى : يالغان
  3. })

.modal ('toggle')

قولدا مودېلنى ئالماشتۇرىدۇ.

  1. $ ( '#myModal' ). modal ( 'toggle' )

.modal ('show')

قولدا مودېل ئاچىدۇ.

  1. $ ( '#myModal' ). modal ( 'show' )

.modal ('hide')

قولدا مودېلنى يوشۇرىدۇ.

  1. $ ( '#myModal' ). modal ( 'hide' )

Events

Bootstrap نىڭ مودېل سىنىپى مودېل ئىقتىدارغا باغلىنىش ئۈچۈن بىر قانچە ۋەقەنى ئاشكارىلىدى.

Event چۈشەندۈرۈش
show showمىسال ئۇسۇلى چاقىرىلغاندا بۇ ھادىسە دەرھال ئېتىلىدۇ .
كۆرسىتىلدى بۇ ھادىسە مودېلنى ئىشلەتكۈچىگە كۆرۈنگەندە ئېتىلىدۇ (css ئۆتكۈنچى باسقۇچنىڭ تاماملىنىشىنى ساقلايدۇ).
يوشۇر hideئۈلگە ئۇسۇلى چاقىرىلغاندا بۇ پائالىيەت دەرھال ئېتىۋېتىلىدۇ .
يوشۇرۇنغان بۇ ھادىسە مودېل ئىشلەتكۈچىگە يوشۇرۇنغاندىن كېيىن چىقىرىلىدۇ (css ئۆتكۈنچى باسقۇچنىڭ تاماملىنىشىنى ساقلايدۇ).
  1. $ ( '#myModal' ). on ( 'hidden' , function () {
  2. // بىرەر ئىش قىلىڭ…
  3. })

ScrollSpy قىستۇرمىسى سىيرىلما ئورۇنغا ئاساسەن nav نىشانلىرىنى ئاپتوماتىك يېڭىلاش ئۈچۈندۇر.

ھۆججەت چۈشۈرۈش

Scrollspy بىلەن navbar نى مىسال قىلىڭ

تۆۋەندىكى رايوننى چۆرۈپ تاشلاپ ، يول باشلاش يېڭىلانمىسىنى كۆرۈڭ. تارتما تارماق تۈرلەرمۇ گەۋدىلىنىدۇ. سىناپ بېقىڭ!

@fat

ئېلان بەلگە كۇنۇپكىسى ، چاتما id سەنئەت يىغىلىشى دولور ئەمگىكى. Pitchfork yr enim lo-fi ئۇلار سېتىلىپ بولغۇچە. Tumblr دېھقانچىلىق مەيدانىدىن ئۈستەلگە ۋېلىسىپىت ھوقۇقى نېمە. Anim keffiyeh carles cardigan. Velit seitan mcsweeney نىڭ رەسىم ئورنى 3 بۆرە ئايسىز. Cosby swater lomo jean كالتە ئىشتان ، ۋىللىيامسبۇرگ خۇدى مىننى كىي بەلكىم سىز ئۇلارنى ئاڭلاپ باقمىغان بولۇشىڭىز مۇمكىن. نىھىل چەكمە ئەيىبلەش ، ئىناۋەتلىك بىيو دىزېل كېفىيە ھۈنەرۋەن ئۇللامكو ئاقىۋەت.

@mdo

ۋېنىئام مارفا بۇرۇتلۇق تېيىلىش تاختىسى ، فۇگىيات تېز سۈرئەتلىك ساقاللىرىنى ماسلاشتۇرىدۇ. Freegan ساقال ئاليۇكا لوڭقىسى mcsweeney نىڭ ۋېروسى. Cupidatat تۆت لوكو نىسى ، ea helvetica nulla carles. چەكمە كوسبى تەرلىگۈچى يېمەكلىك يۈك ماشىنىسى ، mcsweeney نىڭ ھەقسىز ھەقسىز ۋىنىل. Lo-fi wes anderson +1 يۈرۈشلۈك. كارلېس ئېستېتىك بولمىغان چېنىقىش سوئاللىرىنى مۇلايىملاشتۇرىدۇ. برۇكلىن قول ھۈنەرۋەنچىلىك پىۋىسى مۇئاۋىن ئاچقۇچ ئاچقۇچ.

بىرى

Occaecat commodo aliqua delectus. Fap ھۈنەر-سەنئەت پىۋا چۆل تېيىلىش تاختىسى ea. لومو ۋېلىسىپىت ھوقۇقىنىڭ ماسلىشىشى بانخ mi ، velit ea sunt كېيىنكى دەرىجىدىكى ماگنا ۋېنىيادىكى يەرلىك يەككە يەرلىك قەھۋە. يۇقىرى ھاياتلىق id vinyl ، echo باغچىسى ئاقىۋىتى alikip banh mi pitchfork. Vero VHS est adipisising. Consectetur nisi DIY ئەڭ كىچىك ئۇچۇر خالتىسى. ئىشەنچلىك ، ئىمكانىيەتلىك سىجىل بولغان ئېلېكترونلۇق كونۇپكا تاختىسى 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 بىلوگى ، كۇلپا خەۋەرچى سومكىسى مارفا ھەر قانداق دېلېكتۇس يېمەكلىك يۈك ماشىنىسى. Sapiente synth id assnda. Locavore sed helvetica cliche مەسخىرە ، گۈلدۈرمامىلىق گۈلدۈرماما بەلكىم سىز ئۇلارنى ئاڭلاپ باقمىغان بولۇشىڭىز مۇمكىن. ئۇلار سېتىلىشتىن بۇرۇن ئەمگەك كۈچى لاياقەتلىك جاي. كاردىگان ھۈنەر-سەنئەت پىۋىسى سەيتان تەييارلانغان مەخمەل. VHS chambray laboris tempor veniam. Anim mollit minim commodo ullamco گۈلدۈرماما.


Bootstrap-scrollspy.js نى ئىشلىتىش

Javascript ئارقىلىق scrollspy غا تېلېفون قىلىڭ:

  1. $ ( '#navbar' ). scrollspy ()

Markup

ئۈستى بالداق يول باشلىشىڭىزغا ئاسانلا سىيرىلما ھەرىكەت قوشۇش data-spy="scroll"ئۈچۈن ، جاسۇسلۇق قىلماقچى بولغان ئېلېمېنتنى قوشۇڭ (كۆپىنچە بۇ بەدەن بولىدۇ).

  1. <body data-spy = "scroll" > ... </body>
Heads up! Navbar ئۇلىنىشىدا ھەل قىلغىلى بولىدىغان id نىشانلىرى بولۇشى كېرەك. مەسىلەن ، <a href="#home">home</a>چوقۇم dom دىكىگە ئوخشاش نەرسىگە ماس كېلىشى كېرەك <div id="home"></div>.

Methods

.scrollspy ('يېڭىلاش')

DOM دىكى ئېلېمېنتلارنى قوشۇش ياكى چىقىرىۋېتىش بىلەن بىللە scrollspy نى ئىشلەتكەندە ، يېڭىلاش ئۇسۇلىنى مۇنداق چاقىرىشىڭىز كېرەك:

  1. $ ( '[data-spy = "scroll"]' ). each ( function () {
  2. var $ spy = $ ( بۇ ). scrollspy ( 'refresh' )
  3. });

تاللانما

ئىسمى تىپى كۆڭۈلدىكى description
offset سان 10 دومىلىما ئورۇننى ھېسابلىغاندا يۇقىرىدىن ئۆچۈرۈلىدىغان پىكسېل.

Events

Event چۈشەندۈرۈش
ئاكتىپلاش بۇ پائالىيەت سىيرىلما ئارقىلىق يېڭى نەرسە قوزغىتىلغان ھامان ئوت ئاپىتى يۈز بېرىدۇ.

بۇ قىستۇرما يەرلىك مەزمۇندىن ئۆتۈش ئۈچۈن تېز ، ھەرىكەتچان بەتكۈچ ۋە دورا ئىقتىدارىنى قوشىدۇ.

ھۆججەت چۈشۈرۈش

مىسال بەتكۈچ

ئاستىدىكى بەتكۈچلەرنى چېكىپ ، يوشۇرۇن تىزىملىك ​​ئارىسىدا ئالماشتۇرۇڭ ، ھەتتا تىزىملىك ​​تىزىملىكى ئارقىلىق.

خام رەقەم بەلكىم سىز ئۇلارنىڭ قىسقا كالتە ئىشتاننى ئاڭلاپ باقمىغان بولۇشىڭىز مۇمكىن. Nesciunt tofu stumptown aliqua, retro synth master cleanse. بۇرۇتنى ۋاقىتلىق بېسىش ، ۋىليامسبۇرگ كارلېس گۆشسىز قۇتقۇزۇش ماشىنىسى. Reprehenderit قاسساپ retro keffiyeh dreamcatcher synth. Cosby swater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan ئامېرىكىلىق كىيىم-كېچەك ، قاسساپ ۋولۇپات نىسى كۇ.

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.


Bootstrap-tab.js نى ئىشلىتىش

Javascript ئارقىلىق جەدۋەل بەتكۈچلىرىنى قوزغىتىڭ (ھەر بىر بەتكۈچنى ئايرىم قوزغىتىش كېرەك):

  1. $ ( '#myTab a' ). Click ( function ( e ) {
  2. e . preventDefault ();
  3. $ ( this ). tab ( 'show' );
  4. })

يەككە بەتكۈچلەرنى بىر قانچە خىل ئۇسۇلدا قوزغىتالايسىز:

  1. $ ( '#myTab a [href = "# profile"]' ). tab ( 'show' ); // بەتكۈچنى ئىسىم بويىچە تاللاڭ
  2. $ ( '#myTab a: first' ). tab ( 'show' ); // بىرىنچى بەتكۈچنى تاللاڭ
  3. $ ( '#myTab a: last' ). tab ( 'show' ); // ئاخىرقى بەتكۈچنى تاللاڭ
  4. $ ( '#myTab li: eq (2) a' ). tab ( 'show' ); // ئۈچىنچى بەتكۈچنى تاللاڭ (0 كۆرسەتكۈچ)

Markup

سىز پەقەت بىر ئېلېمېنتنىلا بەلگىلەش ئارقىلىق ھېچقانداق javascript يازمايلا بەتكۈچ ياكى دورا يول باشلاشنى قوزغىتالايسىز data-toggle="tab". بەتكۈچكە ۋە دەرسلەرنى data-toggle="pill"قوشقاندا bootstrap بەتكۈچ ئۇسلۇبى قوللىنىلىدۇ.navnav-tabsul

  1. <ul class = "nav nav-tabs" >
  2. <li> <a href = "#home" data-toggle = "tab"> باشبەت </a> </li >
  3. <li> <a href = "#profile" data-toggle = "tab"> ئارخىپ </a> </li >
  4. <li> <a href = "#messages" data-toggle = "tab"> ئۇچۇرلار </a> </li >
  5. <li> <a href = "#settings" data-toggle = "tab"> تەڭشەكلەر </a> </li >
  6. </ul>

Methods

$ (). بەتكۈچ

بەتكۈچ ئېلېمېنتى ۋە مەزمۇن قاچىسىنى قوزغىتىدۇ. بەتكۈچتە DOM دىكى قاچا تۈگۈنى data-targetياكى نىشانلانغان بولۇشى كېرەك.href

  1. <ul class = "nav nav- tabs" id = "myTab" >
  2. <li class = "active" > <a href = "#home"> باشبەت </a> </li >
  3. <li> <a href = "#profile"> ئارخىپ </a> </li>
  4. <li> <a href = "#messages"> ئۇچۇرلار </a> </li>
  5. <li> <a href = "#settings"> تەڭشەكلەر </a> </li >
  6. </ul>
  7.  
  8. <div class = "tab-content" >
  9. <div class = "tab-pane active" id = "home" > ... </div>
  10. <div class = "tab-pane" id = "profile" > ... </div>
  11. <div class = "tab-pane" id = "ئۇچۇر" > ... </div>
  12. <div class = "tab-pane" id = "settings" > ... </div>
  13. </div>
  14.  
  15. <script>
  16. $ ( function () {
  17. $ ( '#myTab a: last' ). tab ( 'show' );
  18. })
  19. </script>

Events

Event چۈشەندۈرۈش
show بۇ پائالىيەت بەتكۈچ كۆرگەزمىسىدە ئوت ئاچىدۇ ، ئەمما يېڭى بەتكۈچ كۆرسىتىلىشتىن بۇرۇن. ئاكتىپ بەتكۈچ ۋە ئالدىنقى ئاكتىپ بەتكۈچنى ئىشلىتىڭ event.targetۋە نىشانلاڭ.event.relatedTarget
كۆرسىتىلدى بۇ ھادىسە بەتكۈچ كۆرسىتىلگەندىن كېيىن بەتكۈچتە كۆرۈنىدۇ. ئاكتىپ بەتكۈچ ۋە ئالدىنقى ئاكتىپ بەتكۈچنى ئىشلىتىڭ event.targetۋە نىشانلاڭ.event.relatedTarget
  1. $ ( 'a [data-toggle = "tab"]' ). on ( 'shown' , function ( e ) {
  2. e . نىشان // قوزغىتىلغان بەتكۈچ
  3. e . مۇناسىۋەتلىك نىشان // ئالدىنقى بەتكۈچ
  4. })

قورال قوراللىرى ھەققىدە

ئىلھامى Jason Frame تەرىپىدىن يېزىلغان ئېسىل jQuery.tipsy قىستۇرمىسى. قورال قوراللىرى يېڭىلانغان نەشرى بولۇپ ، رەسىمگە تايانمايدۇ ، كارتون ئۈچۈن css3 نى ئىشلىتىدۇ ، يەرلىك ماۋزۇ ساقلاشقا سانلىق مەلۇمات خاسلىقى ئىشلىتىلىدۇ.

ھۆججەت چۈشۈرۈش

قورال قوراللىرىنىڭ مىسالى

تۆۋەندىكى ئۇلىنىشلارنى بېسىپ قورال قوراللىرىنى كۆرۈڭ:

تار ئىشتان كېيىنكى دەرىجىلىك keffiyeh بەلكىم سىز ئۇلارنى ئاڭلاپ باقمىغان بولۇشىڭىز مۇمكىن. سۈرەت پونكىتى ساقال خام دېنىم خەت ساندۇقى گۆشسىز خەۋەرچى سومكىسى توختاپ قالدى. دېھقانچىلىق مەيدانىدىن ئۈستەلگە ئولتۇرىدىغان سەيتان ، mcsweeney نىڭ مۇقىم سىجىللىقىدىكى 8 بىتلىق ئامېرىكا كىيىم-كېچەكلىرىنىڭ تېررى رىچاردسون ۋىنىل چامبراي بار . ساقاللىرى توختاپ قالدى ، كارتىلار بانخ مى لومو گۈلدۈرماما. Tofu biodiesel williamsburg marfa, four loko mcsweeney's cleangan vegan chambray. ھەقىقەتەن كىشىنى ھەيران قالدۇرىدىغان ھۈنەرۋەن ھەر قانداق ئاچقۇچ ، مەنزىرىلىك دېھقانچىلىق مەيدانىدىن ئۈستەل بانكىسى Austin twitter بىر تەرەپ قىلغان ھەقسىز كرېدىت خام دېنى يەككە مەنبەلىك قەھۋە ۋىرۇسى.


Bootstrap-tooltip.js نى ئىشلىتىش

Javascript ئارقىلىق قورال قورالنى قوزغىتىڭ:

  1. $ ( '# مىسال' ). tooltip ( تاللانما )

تاللانما

ئىسمى تىپى كۆڭۈلدىكى description
animation boolean true قورال ساندۇقىغا css سۇس ئۆتۈشنى ئىشلىتىڭ
ئورۇنلاشتۇرۇش string | function 'top' قورال قورالنى قانداق ئورۇنلاشتۇرۇش - ئۈستى | ئاستى | left | توغرا
تاللىغۇچ string false ئەگەر تاللىغۇچ تەمىنلەنسە ، قورال كۆرسەتكۈچ ئوبيېكتى بەلگىلەنگەن نىشانغا تاپشۇرۇلىدۇ.
ماۋزۇ string | function '' ئەگەر «تېما» بەلگىسى بولمىسا ، سۈكۈتتىكى تېما قىممىتى
trigger string 'hover' قورال قوراللىرى قانداق قوزغىتىلىدۇ - hover | فوكۇس | manual
كېچىكىش سان | ئوبيېكت 0

قورال كۆرسەتكۈچى (ms) نى كۆرسىتىش ۋە يوشۇرۇشنى كېچىكتۈرۈش - قولدا قوزغىتىش تىپىغا ماس كەلمەيدۇ

ئەگەر بىر سان تەمىنلەنسە ، يوشۇرۇش / كۆرسىتىشكە كېچىكىش قوللىنىلىدۇ

ئوبيېكت قۇرۇلمىسى:delay: { show: 500, hide: 100 }

Heads up! يەككە قورال قوراللىرىنىڭ تاللانمىلىرىنى سانلىق مەلۇمات خاسلىقىنى ئىشلىتىش ئارقىلىق بەلگىلىگىلى بولىدۇ.

Markup

ئىقتىدار سەۋەبلىرى ئۈچۈن ، Tooltip ۋە Popover سانلىق مەلۇمات apis تاللىنىدۇ. ئەگەر ئىشلەتمەكچى بولسىڭىز تاللىغۇچنى تاللاڭ.

  1. <a href = " # " rel = " tooltip" title = " بىرىنچى قورال قورال "

Methods

$ (). tooltip (تاللانما)

قورال توپلىغۇچنى ئېلېمېنتلار توپلىمىغا باغلايدۇ.

.tooltip ('show')

بىر ئېلېمېنتنىڭ قورال قوراللىرىنى ئاشكارىلايدۇ.

  1. $ ( '#element' ). tooltip ( 'show' )

.tooltip ('hide')

ئېلېمېنتنىڭ قورال قوراللىرىنى يوشۇرىدۇ.

  1. $ ( '#element' ). tooltip ( 'hide' )

.tooltip ('toggle')

ئېلېمېنتنىڭ قورال قوراللىرىنى بىر تەرەپ قىلىدۇ.

  1. $ ( '#element' ). tooltip ( 'toggle' )

پوپلار ھەققىدە

تۇرالغۇ ئۇچۇرلىرى ئۈچۈن ھەر قانداق ئېلېمېنتقا iPad دىكىگە ئوخشاش كىچىك مەزمۇنلارنى قوشۇڭ.

* قورال قورالنى ئۆز ئىچىگە ئالىدۇ

ھۆججەت چۈشۈرۈش

مىسال hover popover

كۇنۇپكىنى بېسىپ تۇرۇپ سەكرەشنى قوزغىتىڭ.


Bootstrap-popover.js نى ئىشلىتىش

Javascript ئارقىلىق پوپايكىلارنى قوزغىتىڭ:

  1. $ ( '# مىسال' ). popover ( تاللانما )

تاللانما

ئىسمى تىپى كۆڭۈلدىكى description
animation boolean true قورال ساندۇقىغا css سۇس ئۆتۈشنى ئىشلىتىڭ
ئورۇنلاشتۇرۇش string | function 'right' پوپايكىنى قانداق ئورۇنلاشتۇرۇش - ئۈستى | ئاستى | left | توغرا
تاللىغۇچ string false ئەگەر تاللىغۇچ تەمىنلەنسە ، قورال قوراللىرى بەلگىلەنگەن نىشانغا تاپشۇرۇلىدۇ
trigger string 'hover' قورال قوراللىرى قانداق قوزغىتىلىدۇ - hover | فوكۇس | manual
ماۋزۇ string | function '' كۆڭۈلدىكى ماۋزۇ قىممىتى `title` خاسلىقى بولمىسا
مەزمۇن string | function '' ئەگەر `data-content` خاسلىقى بولمىسا سۈكۈتتىكى مەزمۇن قىممىتى
كېچىكىش سان | ئوبيېكت 0

popover (ms) نى كۆرسىتىش ۋە يوشۇرۇشنى كېچىكتۈرۈش - قولدا قوزغىتىش تىپىغا ماس كەلمەيدۇ

ئەگەر بىر سان تەمىنلەنسە ، يوشۇرۇش / كۆرسىتىشكە كېچىكىش قوللىنىلىدۇ

ئوبيېكت قۇرۇلمىسى:delay: { show: 500, hide: 100 }

Heads up! سانلىق مەلۇمات خاسلىقىنى ئىشلىتىش ئارقىلىق ئايرىم پوپايكىلارنىڭ تاللانمىلىرىنى تاللىغىلى بولىدۇ.

Markup

ئىقتىدار سەۋەبلىرى ئۈچۈن ، Tooltip ۋە Popover سانلىق مەلۇمات apis تاللىنىدۇ. ئەگەر ئىشلەتمەكچى بولسىڭىز تاللىغۇچنى تاللاڭ.

Methods

$ (). popover (تاللانما)

ئېلېمېنت توپلاش ئۈچۈن پوپايكىلارنى قوزغىتىدۇ.

.popover ('show')

ئېلېمېنت ئېلېمېنتلىرىنى ئاشكارىلايدۇ.

  1. $ ( '#element' ). popover ( 'show' )

.popover ('hide')

ئېلېمېنت ئېلېمېنتنى يوشۇرىدۇ.

  1. $ ( '#element' ). popover ( 'hide' )

.popover ('toggle')

بىر ئېلېمېنتنىڭ ئېقىشىنى قوزغىتىدۇ.

  1. $ ( '#element' ). popover ( 'toggle' )

ئاگاھلاندۇرۇش ھەققىدە

ئاگاھلاندۇرۇش قىستۇرمىسى ئاگاھلاندۇرۇشلارغا يېقىن ئىقتىدار قوشۇشتىكى كىچىك دەرس.

چۈشۈرۈش

مىسال ئاگاھلاندۇرۇشى

ئاگاھلاندۇرۇش قىستۇرمىسى دائىملىق ئاگاھلاندۇرۇش ئۇچۇرلىرى ۋە ئۇچۇرلارنى توسىدۇ.

Holy guacamole! ئەڭ ياخشىسى ئۆزىڭىزنى تەكشۈرۈڭ ، بەك ياخشى كۆرۈنمەيسىز.

ئاھ! خاتالىق تاپتىڭىز!

بۇنى ۋە بۇنى ئۆزگەرتىپ قايتا سىناڭ. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus amet fermentum.

بۇ ھەرىكەتنى قىلىڭ ياكى بۇنى قىلىڭ


Bootstrap-alert.js نى ئىشلىتىش

Javascript ئارقىلىق ئاگاھلاندۇرۇشنى ئەمەلدىن قالدۇرۇڭ:

  1. $ ( ".alert" ). alert ()

Markup

تاقاش كۇنۇپكىسىنى قوشسىڭىزلا data-dismiss="alert"ئاپتوماتىك ئاگاھلاندۇرۇش ئىقتىدارىنى بېرىدۇ.

  1. <a class = "close" data-dismiss = "alert" href = "#"> & times ; </a>

Methods

$ (). ئاگاھلاندۇرۇش ()

بارلىق ئاگاھلاندۇرۇشلارنى يېقىن ئىقتىدار بىلەن ئورايدۇ. ئاگاھلاندۇرۇشلىرىڭىز تاقالغاندا جانلاندۇرۇلىدۇ ، ئۇلارنىڭ ئاللىقاچان ئۇلارغا .fadeۋە .inسىنىپقا ئىلتىماس قىلىنغانلىقىنى جەزملەشتۈرۈڭ.

.alert ('close')

ئاگاھلاندۇرۇشنى تاقايدۇ.

  1. $ ( ".alert" ). alert ( 'close' )

Events

Bootstrap نىڭ ئاگاھلاندۇرۇش سىنىپى ئاگاھلاندۇرۇش ئىقتىدارىغا باغلانغان بىر قانچە ۋەقەلەرنى ئاشكارىلىدى.

Event چۈشەندۈرۈش
close closeمىسال ئۇسۇلى چاقىرىلغاندا بۇ ھادىسە دەرھال ئېتىلىدۇ .
تاقالدى بۇ پائالىيەت ئاگاھلاندۇرۇش يېپىلغاندا ئېتىلىدۇ (css ئۆتكۈنچى باسقۇچنىڭ تاماملىنىشىنى ساقلايدۇ).
  1. $ ( '# my-alert' ). bind ( 'closed' , function () {
  2. // بىرەر ئىش قىلىڭ…
  3. })

ھەققىدە

كۇنۇپكىلار بىلەن كۆپرەك قىلىڭ. كونترول كۇنۇپكىسى قورال ستونىغا ئوخشاش تېخىمۇ كۆپ زاپچاسلار ئۈچۈن گۇرۇپپا كۇنۇپكىسىنى كۆرسىتىدۇ.

ھۆججەت چۈشۈرۈش

مىسال ئىشلىتىلىدۇ

ئىشتات ۋە قوزغىتىش ئۈچۈن كۇنۇپكىلار قىستۇرمىسىنى ئىشلىتىڭ.

دۆلەت
تاق تاقاش
تەكشۈرۈش رامكىسى
Radio

Bootstrap-button.js نى ئىشلىتىش

Javascript ئارقىلىق كۇنۇپكىلارنى قوزغىتىڭ:

  1. $ ( '.nav-tabs' ). كۇنۇپكا ()

Markup

سانلىق مەلۇمات خاسلىقى كۇنۇپكا قىستۇرمىسىدا كەم بولسا بولمايدۇ. ھەر خىل بەلگە تىپلىرى ئۈچۈن تۆۋەندىكى مىسال كودىنى تەكشۈرۈپ بېقىڭ.

  1. <! - سانلىق مەلۇمات- toggle = "كۇنۇپكا" نى قوشۇپ ، بىر كۇنۇپكىنى قوزغىتىشنى قوزغىتىڭ ->
  2. <button class = "btn" data-toggle = "button" > تاق كۆزنەك </button>
  3.  
  4. B!
  5. <div class = "btn-group" data-toggle = "كۇنۇپكا-تەكشۈرۈش ساندۇقى" >
  6. <button class = "btn" > سول </button>
  7. <button class = "btn" > ئوتتۇرا </button>
  8. <button class = "btn" > ئوڭ </button>
  9. </div>
  10.  
  11. B!
  12. <div class = "btn-group" data-toggle = "كۇنۇپكا-رادىئو" >
  13. <button class = "btn" > سول </button>
  14. <button class = "btn" > ئوتتۇرا </button>
  15. <button class = "btn" > ئوڭ </button>
  16. </div>

Methods

$ (). كۇنۇپكا ('toggle')

Toggles ھالەتنى ئىلگىرى سۈرىدۇ. بۇ كۇنۇپكىنى قوزغىتىلغاندەك قىلىدۇ.

Heads up! data-toggleخاسلىقنى ئىشلىتىپ بىر كۇنۇپكىنى ئاپتوماتىك قوزغىتىشنى قوزغىتالايسىز .
  1. <button class = "btn" data-toggle = "button" > </button>

$ (). كۇنۇپكا ('يۈكلەش')

كۇنۇپكا ھالىتىنى يۈكلەشكە تەڭشەيدۇ - كۇنۇپكىنى چەكلەيدۇ ۋە تېكىستنى يۈكلەش تېكىستىگە ئالماشتۇرىدۇ. تېكىستنى يۈكلەش سانلىق مەلۇمات خاسلىقى ئارقىلىق كۇنۇپكا ئېلېمېنتىغا ئېنىقلىما بېرىش كېرەك data-loading-text.

  1. <button class = "btn" data-load-text = "نەرسە قاچىلاش ..." > ... </button>
Heads up! Firefox بەت يۈكىدە چەكلەنگەن ھالەتنى ساقلايدۇ . بۇنىڭ ئۈچۈن بىر خىزمەت ئۇسۇلى autocomplete="off".

$ (). كۇنۇپكا ('reset')

كۇنۇپكا ھالىتىنى ئەسلىگە كەلتۈرىدۇ - تېكىستنى ئەسلى تېكىستكە ئالماشتۇرىدۇ.

$ (). كۇنۇپكا (string)

كۇنۇپكا ھالىتىنى ئەسلىگە كەلتۈرىدۇ - تېكىستنى ئېنىقلانغان تېكىست ھالىتىگە ئالماشتۇرىدۇ.

  1. <button class = "btn" data-complete-text = "تامام!" > ... </button>
  2. <script>
  3. $ ( '.btn' ). كۇنۇپكا ( 'تامام' )
  4. </script>

ھەققىدە

ئاككوردىيون ۋە يول باشلاش قاتارلىق قاتلىنىدىغان زاپچاسلارنى ئاساسىي ئۇسلۇب ۋە جانلىق قوللاشقا ئېرىشىڭ.

ھۆججەت چۈشۈرۈش

* ئۆتكۈنچى قىستۇرمىنىڭ ئۆز ئىچىگە ئېلىنىشىنى تەلەپ قىلىدۇ.

مىسال ئاككوردىيون

يىمىرىلىش قىستۇرمىسىنى ئىشلىتىپ ، ئاددىي ئاككوردىيون ئۇسلۇبىدىكى كىچىك قورال قۇردۇق:

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 بۆرە ئاي ئىش بېجىرىش ئورنى ، لوڭقا تېيىلىش تاختىسى دولور غولى. يېمەكلىك يۈك ماشىنىسى quinoa nesciunt laborum eiusmod. برۇنچ 3 بۆرە ئاي تېمپېراتۇرىسى ، sunt aliqua ئۇنىڭغا بىر قۇش قويدى. Nihil anim keffiyeh helvetica ، ھۈنەر-سەنئەت پىۋا ئىشچىسى wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. لەۋ سۇرۇخ ھۈنەر-سەنئەت پىۋا دېھقانچىلىق مەيدانىدىن ئۈستەلگە ، خام دېنىم ئېستېتىك بىرىكمە نەسىللىك ، بەلكىم سىز ئۇلارنىڭ ئەيىبلەنگەنلىكىنى ئاڭلاپ باقمىغان بولۇشىڭىز مۇمكىن.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 بۆرە ئاي ئىش بېجىرىش ئورنى ، لوڭقا تېيىلىش تاختىسى دولور غولى. يېمەكلىك يۈك ماشىنىسى quinoa nesciunt laborum eiusmod. برۇنچ 3 بۆرە ئاي تېمپېراتۇرىسى ، sunt aliqua ئۇنىڭغا بىر قۇش قويدى. Nihil anim keffiyeh helvetica ، ھۈنەر-سەنئەت پىۋا ئىشچىسى wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. لەۋ سۇرۇخ ھۈنەر-سەنئەت پىۋا دېھقانچىلىق مەيدانىدىن ئۈستەلگە ، خام دېنىم ئېستېتىك بىرىكمە نەسىللىك ، بەلكىم سىز ئۇلارنىڭ ئەيىبلەنگەنلىكىنى ئاڭلاپ باقمىغان بولۇشىڭىز مۇمكىن.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 بۆرە ئاي ئىش بېجىرىش ئورنى ، لوڭقا تېيىلىش تاختىسى دولور غولى. يېمەكلىك يۈك ماشىنىسى quinoa nesciunt laborum eiusmod. برۇنچ 3 بۆرە ئاي تېمپېراتۇرىسى ، sunt aliqua ئۇنىڭغا بىر قۇش قويدى. Nihil anim keffiyeh helvetica ، ھۈنەر-سەنئەت پىۋا ئىشچىسى wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. لەۋ سۇرۇخ ھۈنەر-سەنئەت پىۋا دېھقانچىلىق مەيدانىدىن ئۈستەلگە ، خام دېنىم ئېستېتىك بىرىكمە نەسىللىك ، بەلكىم سىز ئۇلارنىڭ ئەيىبلەنگەنلىكىنى ئاڭلاپ باقمىغان بولۇشىڭىز مۇمكىن.

Bootstrap-collapse.js نى ئىشلىتىش

Javascript ئارقىلىق قوزغىتىش:

  1. $ ( ".collapse" ). collapse ()

تاللانما

ئىسمى تىپى كۆڭۈلدىكى description
ئاتا-ئانا تاللىغۇچ false ئەگەر تاللىغۇچ بولسا ، بۇ ئاتالايدىغان ئاتا-ئانىنىڭ ئاستىدىكى بارلىق قاتلىنىدىغان ئېلېمېنتلار تاقىلىدۇ. (ئەنئەنىۋى ئاككوردىيون ھەرىكىتىگە ئوخشايدۇ)
toggle boolean true دەۋەتتىكى قاتلىنىدىغان ئېلېمېنتنى بىر تەرەپ قىلىدۇ

Markup

پەقەت بىر ئېلېمېنتنى قوشۇپ data-toggle="collapse"، data-targetقاتلىنىدىغان ئېلېمېنتنىڭ كونتروللۇقىنى ئاپتوماتىك تەقسىملەيدۇ. بۇ data-targetخاسلىق يىمىرىلىشنى قوللىنىش ئۈچۈن css تاللىغۇچنى قوبۇل قىلىدۇ. collapseدەرسنى قاتلىنىدىغان ئېلېمېنتقا قوشۇشقا كاپالەتلىك قىلىڭ . ئەگەر سۈكۈتتىكى ھالەتتە ئېچىشنى ئويلىسىڭىز ، قوشۇمچە دەرسنى قوشۇڭ in.

  1. <button class = "btn btn- danger" data-toggle = "يىمىرىلىش" data-target = "#demo" >
  2. simple collapsible
  3. </button>
  4.  
  5. <div id = "demo" class = "يىمىرىلىش" > </div>
Heads up! قاتلىنىدىغان كونترولغا ئاككوردىيونغا ئوخشاش گۇرۇپپا باشقۇرۇشنى قوشۇش ئۈچۈن ، سانلىق مەلۇمات خاسلىقىنى قوشۇڭ data-parent="#selector". بۇنى ھەرىكەتتە كۆرۈش ئۈچۈن كۆرسەتمە دىن پايدىلىنىڭ.

Methods

.collapse (تاللانما)

مەزمۇنلىرىڭىزنى قاتلىنىدىغان ئېلېمېنت سۈپىتىدە ئاكتىپلايدۇ. ئىختىيارى تاللاشلارنى قوبۇل قىلىدۇ object.

  1. $ ( '#myCollapsible' ). collapse ({
  2. toggle : false
  3. })

.collapse ('toggle')

كۆرسىتىلىدىغان ياكى يوشۇرۇنغان قاتلىنىدىغان ئېلېمېنتنى توغرىلايدۇ.

.collapse ('show')

قاتلىنىدىغان ئېلېمېنتنى كۆرسىتىدۇ.

.collapse ('hide')

قاتلىنىدىغان ئېلېمېنتنى يوشۇرىدۇ.

Events

Bootstrap نىڭ يىمىرىلىش سىنىپى يىمىرىلىش ئىقتىدارىغا باغلانغان بىر قانچە ھادىسىنى ئاشكارىلىدى.

Event چۈشەندۈرۈش
show showمىسال ئۇسۇلى چاقىرىلغاندا بۇ ھادىسە دەرھال ئېتىلىدۇ .
كۆرسىتىلدى بۇ ھادىسە ئىشلەتكۈچىگە يىمىرىلىش ئېلېمېنتى كۆرۈنگەندە ئېتىلىدۇ (css ئۆتكۈنچى باسقۇچنىڭ تاماملىنىشىنى ساقلايدۇ).
يوشۇر بۇ hideئۇسۇل ئۇسۇل چاقىرىلغاندا دەرھال ئېتىۋېتىلىدۇ.
يوشۇرۇنغان بۇ ھادىسە ئىشلەتكۈچىدىن يىمىرىلىش ئېلېمېنتى يوشۇرۇلغاندا (css ئۆتكۈنچى باسقۇچنىڭ تاماملىنىشىنى ساقلايدۇ).
  1. $ ( '#myCollapsible' ). on ( 'hidden' , function () {
  2. // بىرەر ئىش قىلىڭ…
  3. })

ھەققىدە

ھەر قانداق شەكىلدىكى تېكىست كىرگۈزۈش ئارقىلىق نەپىس خەت بېشىنى تېز قۇرۇش ئۈچۈن ئاساسىي ، ئاسان كېڭەيتىلگەن قىستۇرما.

ھۆججەت چۈشۈرۈش

مىسال

خەت بېسىش نەتىجىسىنى كۆرسىتىش ئۈچۈن تۆۋەندىكى ئورۇنغا يېزىشنى باشلاڭ.


Bootstrap-typeahead.js نى ئىشلىتىش

Javascript ئارقىلىق خەت بېسىش تېلېفونىغا تېلېفون قىلىڭ:

  1. $ ( '.typeahead' ). typeahead ()

تاللانما

ئىسمى تىپى كۆڭۈلدىكى description
مەنبە سانلار گۇرپىسى [] سوئال سورايدىغان سانلىق مەلۇمات مەنبەسى.
تۈرلەر سان 8 چۈشۈشتە كۆرسىتىلىدىغان تۈرلەرنىڭ ئەڭ كۆپ سانى.
matcher function دېلو سەزگۈر ئەمەس سوئالنىڭ مەلۇم تۈرگە ماس كېلىدىغان-كەلمەيدىغانلىقىنى ئېنىقلاشتا قوللىنىلغان ئۇسۇل. itemبۇ سوئالنى سىناشقا قارشى بىرلا تالاش-تارتىشنى قوبۇل قىلىدۇ . نۆۋەتتىكى سوئالنى زىيارەت this.queryقىلىڭ. trueئەگەر سوئال ماس كەلسە ، ئاق رەڭنى قايتۇرۇڭ .
sorter function ئېنىق ماس ،
دېلو سەزگۈر ،
دېلو سەزگۈر ئەمەس
ئاپتوماتىك تولۇق نەتىجىنى رەتلەشتە قوللىنىلىدىغان ئۇسۇل. يەككە تالاش items-تارتىشنى قوبۇل قىلىدۇ ھەمدە خەت بېسىش مىسالىنىڭ دائىرىسى بار. نۆۋەتتىكى سوئالنى پايدىلىنىڭ this.query.
يورۇق function بارلىق سۈكۈتتىكى مۇسابىقىنى گەۋدىلەندۈرىدۇ ئاپتوماتىك تولۇق نەتىجىنى گەۋدىلەندۈرۈشتە قوللىنىلغان ئۇسۇل. يەككە تالاش item-تارتىشنى قوبۇل قىلىدۇ ھەمدە خەت بېسىش مىسالىنىڭ دائىرىسى بار. Html نى قايتۇرۇشى كېرەك.

Markup

Typeahead ئىقتىدارى بار ئېلېمېنتنى تىزىملاش ئۈچۈن سانلىق مەلۇمات خاسلىقىنى قوشۇڭ.

  1. <input type = "text" data- provide = "typeahead" >

Methods

.typeahead (تاللانما)

خەت بېسىش ئارقىلىق كىرگۈزۈشنى باشلايدۇ.