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, chorda	falsus	Includes elementum modal-backdrop. Exo- ramus pone, "static"si modale clausum non vis cum backdrops clicatur.
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 = "static" > 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 ({
  keyboard , verus 
})

.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 bootstrap-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 continens 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 bootstrap-scrollspy.js

$ ( ' #topbar' ). scrollSpy ()

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 hoc cache renovare debes (vesimiliter si dynamicam habes) modo hanc methodum reficite voca. Si attributum data es ad definiendum tuum cartis, solum voca corpus refice.

$ ( 'corpus' ). scrollSpy ( 'refresh' )

Demo

Navigatio topbar in hac pagina perscribe.

Hoc plugin praebet additional functionality ad conjunctionem administrandi statum.

Download

Using bootstrap-buttons.js

$ ( '.tabs' ). button ()

Methodi

$().button('toggle')

Toggles re publica dis. Dat btn aspectum qui suus excitatus est.

Adverte potes auto toggling puga utendo data-toggleattributo.

<button class = "btn" data-toggle = "toggle" > ... </button>   

$().Bulla ('loading')

Button statum ponit ad loading - disables puga et swaps textum ad textum loading. Textus Loading definiri debet in elemento puga utente attributo dato data-loading-text.

<button class = "btn" data-loading-text = "loading stuff..." > ... </button>   

$().Puga pyga ('reset')

Resets bullarum publicarum - swaps textum ad textum originalem.

$().Bulla (linea)

Resets bullam status - swaps text to any data text state defined.

<button class = "btn" data-completa-text = "perfecit!" > ... </button>   
<script>
  $('.btn').button('integrum')
</scrip>

Demo

Loading Demo Toggle Demo

Hoc plugin addit velox, dynamica tab et lobortis functionality.

Download

Using bootstrap-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> 
</div>
 
<script>
  $ ( munus ( ) {  
    $ ( '.tabs' ). tabs ()
  })
</script>

Events

Eventus	Descriptio
mutatio	Haec res accendit in tab mutationem. Utere event.targetet event.relatedTargetoppugnare tab activam et priorem tab respective activam.

$ ( '#.tabs' ). ligare ( ' mutare ' , munus ( e ) {   
  e . target // activated tab
  e . relatedTarget // previous tab
})

Demo

• Home
• Profile
• Mandata
• Occasus
• Decidere
  • @fat
  • @mdo

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	filum, munus	'titulus'	attributum seu modum retrieving title text
felis	filum	'hover'	quomodo tooltip Urguet - hover | focus | manual
template	filum	[default markup]	HTML template usus ad perplexitatem reddendam.

Adverte singulae binae instantiae instantiae optiones alternatim per usum attributorum datarum specificari possunt.

<a href = "#" data-placement = "infra" rel = 'twipsy' title = 'Aliquam titulum textus' > text </a>    

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 simplex interface ad applicationem popovers addendo. Bootstrap-twipsy.js plugin extendit , ut scias illum fasciculum comprehendere tum cum popovers in tuo project!

Animadverto debes includere bootstrap-twipsy.js fasciculum ante bootstrap-popover.js.

Download

Using bootstrap-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	filum, munus	'titulus'	attributum seu modum retrieving title text
content	filum, munus	'data-contentus'	per filum sive modum ad retrieving contentus illud. si nullae praebeantur, contentus erit ex attributo e notitia contenti.
felis	filum	'hover'	quomodo tooltip Urguet - hover | focus | manual
template	filum	[default markup]	HTML template usus pro popover reddendo.

Nota singulae popoverae instantiae optiones alternatim per usum attributorum datorum specificari possunt.

<a data-placement = "infra" href = "#" class = "btn periculum" rel = "popover" > text </a>    

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.

Optiones

Nomen	type	defaltam	descriptio
electrix	filum	'.close'	Quid electrix ad scopum claudendi pervigilet.

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" ). erectus ( ' close ' )

Demo