Nostrum modal plugin est eximius gracilis in js plugin modalis traditis sumo, speciali cura includendi solum functionem nudam quam hic ad egestas requiremus.

Download

Per bootstrap-modal

$ ( ' # my-modal ' ). modalis ( optiones )

Optiones

Nomen	type	defaltam	descriptio
backdrop	Boolean	falsus	Includes modal-backdrop elementum
tincidunt	Boolean	falsus	Modalis claudit cum clavis effugium premitur
ostende	Boolean	falsus	Modalis aperit initialization in genere

Markup

Modalia in pagina tua facillime movere potes quin unam lineam html scribere. Da elementum data-controls-modalattributum quod correspondet elementi modali id, et cum premetur, mittet modalem. Ad optiones modales addere, tantum includere pro notitiis attributis.

<a class = "btn" data-controls-modal = "my-modal" data-backdrop = "verum" > Launch Modal </a>    

Animadverte Si modale tuum vis animandi in et extra, tantum adde .fadegenus .modalelementi tuo (refer ad demo hoc in actione videre).

Methodi

.modal (optiones)

Exagitat tuam contentus modalem. Acceptat optiones libitum object.

$ ( ' # my-modal ' ). modalis ({
  closeOnEscape : verum 
})

.modal('toggle')

Manually toggles modalis.

$ ( ' # my-modal ' ). modalis ( 'toggle' )

.modal('ostendere')

Manually modal opens.

$ ( ' # my-modal ' ). modal ( 'show' )

.modal('hide')

Manually celat modalis.

$ ( ' # my-modal ' ). modal ( 'hide' )

.modal (verum)

Redit elementa modalis exempli gratia.

$ ( ' # my-modal ' ). modalis _ _ _

Animadverte Vel, hoc cum recuperari potest $().data('modal').

Events

Classis modalis Bootstrap paucas eventus exponit pro hamo in functionem modalem.

Eventus	Descriptio
ostende	Huius rei accendit statim cum showinstantia methodus appellatur.
ostensum est	Eventus hic accensus est cum modalis usori visibile factum est (expectabo transitus css ad perficiendum).
celare	Hic eventus statim accensus est cum hidemethodus instantia vocata est.
absconditus	Eventus hic inflammatur cum modalis occultationem ab usore confecit (exspectabit enim transitus css ad perficiendum).

$ ( ' # my-modal ' ). ligare ( ' occultum ' , munus ( ) {   
  // age aliquid ...
})

Demo

Lorem Modal

Hoc plugin est ad commercium stillicidium addendo ad navigationes topbar vel tabb.

Download

Using boostrap-dropdown.js

$ ( ' #topbar' ). tellus ()

Markup

Ut celeriter ad munus functionis alicuius nav elementi addas, data-dropdownattributo utere. Quaelibet valida bootstrap dropdown automatice reducitur.

<ul class = "tabs" > 
  <li class = "active" < a href = " # " > Home </a></li>  
  <li class = "dropdown" data-dropdown = "dropdown" >   
    <a href = "#" class = "dropdown-toggle"> Dropdown </a> _  
    <ul class = "dropdown-menu" > 
      <li > <a href = "#"> Secunda pagina </a></li> 
      <li > <a href = "#"> Aliquid hic aliud </a></li> 
      <li class = "divider" ></li> 
      <li><a href = "#" > Alia pagina </a></li> 
    </ul>
  </li>
</ul>

Animadverte Si tua ui plures guttas habet, vide addendo data-dropdownattributum elementi notabilioris continentis sicut .tabsvel .topbar.

Methodi

$(). Stillaret ()

Api programatici ad activum menus navigationis topbar vel tabbed datum.

Demo

Hoc plugin est ad scrollspy addere (auto adaequationis nav) commercium ad topbar bootstrap.

Download

Using boostrap-scrollspy.js

$ ( ' #topbar' ). tellus ()

Markup

Ad cartisspy mores facillime ad navas tuas adde, modo data-scrollspyattributum addas .topbar.

<div class = "topbar" data-scrollspy = "scrollspy" > ... </div>   

Methodi

$().Scrollspy()

Auto globuli navigationis operatur ab usoribus volumen positio.

$ ( 'corpus > .topbar' ). scrollSpy ()

Adverte Topbar ancoram tags resolubile id scuta habere debet. Verbi gratia, <a href="#home">home</a>debet respondere alicui simile in dom <div id="home"></div>.

.scrollspy ('renovare')

The scrollspy caches buttons nav and section coordinatae ad faciendum. Si opus est ut hunc cache renovare (vesimiliter si dynamicam habes) modo hanc methodum reficiendi voca. Si attributum data es ad definiendum tuum cartis, solum voca corpus refice.

$ ( 'corpus' ). scrollspy ( 'renovare' )

Demo

Navigatio topbar in hac pagina perscribe.

Hoc plugin addit velox, dynamica tab et lobortis functionality.

Download

Usura boostrap-tabs.js

$ ( '.tabs' ). tabs ()

Markup

Potes navigationem tab vel pillei movere sine aliquo html scripto, simpliciter eis tribuendo data-tabsvel data-pillsattributo.

 <ul class = "tabs" data-tabs = "tabs" > ... </ul>   

Methodi

$ (). Tabs vel $ (). Diripio

Activum tab et pill functionem pro vase dato. Tab nexus in documento id referre debent.

<ul class = "tabs" > 
  <li class = "active" < a href = "#home" > Home </a></li>  
  <li><a href = "#profile" > Profile </a></li> 
  <li><a href = "#epistulae" > Messages </a></li> 
  <li><a href = "#settings" > Optiones </a></li> 
</ul>
 
<div class = "pil-content" > 
  <div class = "active" id = "home" > ... </div>  
  <div id = "profile" > ... </div> 
  <div id = "epistulae" > ... </div> 
  <div id = "occasus" > ... </div> 
</ul>
 
<script>
  $ ( munus ( ) {  
    $ ( '.tabs' ). tabs ()
  })
</script>

Demo

• Home
• Profile
• Mandata
• Occasus

Ex optimo jQuery.tipsy plugin scripsit Jason Frame; twipsy versio renovata est, quae imaginibus non nititur, animationibus css3 utitur, et data attributa titulorum repositionis!

Download

Using bootstrap-twipsy.js

$ ( ' #exemplum' ). twipsy ( optiones )

Optiones

Nomen	type	defaltam	descriptio
animatus	Boolean	verum	applicare css fade transitus ad tooltip
delayIn	numerus	0	ostendens tooltip mora (MS)
delayOut	numerus	0	mora ante latebras tooltip (MS)
fallback	filum	'	text to use when no tooltip title is present
collocatione	filum	'supra'	quomodo ponat tooltip - supra | infra | left | ius
html	Boolean	falsus	concedit HTML content in tooltip
vivere	Boolean	falsus	uti res legatio pro singulis eventu tracto
offset	numerus	0	pixel offset de tooltip ex scopum elementum
titulus	string | officium	'titulus'	attributum seu modum retrieving title text
felis	filum	'hover'	how tooltip Urguet - hover | focus | manual

Methodi

$(). Twipsy (optiones)

Applicat collectio elementi twipsy tracto.

.twipsy ( 'ostendere')

Aperit elementa twipsy.

$ ( ' # elementum ' ). twipsy ( 'show' )

.twipsy ('pellis')

Tegit elementa twipsy.

$ ( ' # elementum ' ). twipsy ( 'hide' )

.twipsy (verum)

Redit elementa twipsy classis exempli.

$ ( ' # elementum ' ). twipsy ( verum )

Animadverte Vel, hoc cum recuperari potest $().data('twipsy').

Demo

Plugin popover praebet simplicem interfacem ad applicationem popovers addendo. boostrap-twipsy.js plugin extendit , sic fac ut fasciculum illum comprehendas tum cum popovers in tuo project!

Download

Using boostrap-popover.js

$ ( ' #exemplum' ). popover ( optiones )

Optiones

Nomen	type	defaltam	descriptio
animatus	Boolean	verum	applicare css fade transitus ad tooltip
delayIn	numerus	0	ostendens tooltip mora (MS)
delayOut	numerus	0	mora ante latebras tooltip (MS)
fallback	filum	'	text to use when no tooltip title is present
collocatione	filum	'dextra'	quomodo ponat tooltip - supra | infra | left | ius
html	Boolean	falsus	concedit HTML content in tooltip
vivere	Boolean	falsus	uti res legatio pro singulis eventu tracto
offset	numerus	0	pixel offset de tooltip ex scopum elementum
titulus	string | officium	'titulus'	attributum seu modum retrieving title text
content	string | officium	'data-contentus'	attributum seu modum pro retrieving content text
felis	filum	'hover'	how tooltip Urguet - hover | focus | manual

Methodi

$(). Popover (optiones)

Initializes popovers collectione pro elemento.

.popover ('ostendere')

Aperit elementa popover.

$ ( ' # elementum ' ). popover ( 'show' )

.popover('hide')

Elementa popover celat.

$ ( ' # elementum ' ). popover ( 'hide' )

Demo

tabernus pro popover

Pluginum vigilatum est genus superexiguum, quod prope functiones in summis montibus addens.

Download

Using bootstrap-alerts.js

$ ( ".alert-nuntius" ). vigilate ()

Markup

Modo attributum adde data-alertnuntiis intenti tuis ut statim eas proximas functiones tribuas.

Methodi

$().

Omnibus summis adstringit arctis functionality. In summis montibus tuis clausos habere animatas, fac iam applicatas habere .fadeet classis..in

.alert('close')

Claudit erectum.

$ ( ".alert-nuntius" ). alacer ( 'close' )

Demo