Toggle contextual obducit ad indicem nexuum et magis cum Bootstrap dropdown plugin ostendendo.
Overview
Guttae sunt toggleabiles, contextuales obducat ad indices nexuum et plura ostendendos. Interactive fiunt cum inclusa Bootstrap dropdown JavaScript plugin. strepitando, non volando; Hoc consilium est consilium voluntarium .
Guttae in tertia parte bibliothecae, Popper.js , quae dynamicam positionem et aspectum detectionis praebet. Vide includere popper.min.js ante Bootstrap scriptor JavaScript vel usus bootstrap.bundle.min.js/ bootstrap.bundle.jsquod continet Popper.js. Popper.js in navbaribus stillicidias positionis usus non est, quamquam positionis dynamicae non requiritur.
Vexillum WAI ARIA actualem notionem definit role="menu", sed hoc specificum est applicationis quasi menus, qui actus vel munera trigger. ARIA menus non potest tantum continere menu, checkbox menu items, puga pyga radiophonica, circulos globulos radiophonicos, et sub-menus.
Stillicidium Bootstrap, contra, genera esse dicuntur et variis condicionibus ac notae structurae applicari. Exempli gratia, stillicidia creare potest quae additional initibus ac moderantibus formas continent, sicut quaerere agros vel formas login. Quam ob rem, Bootstrap non exspectat (nee automatice addendi) aliquem ex attributis roleet aria-attributis pro vero ARIA menus requisitis. Auctores haec subtilius ipsa attributa complecti debebunt.
Nihilominus, Bootstrap constructum-in subsidiis ad plus claviaturae menu interactionum vexillum addit, ut facultas movendi per singula .dropdown-itemelementa utens clavibus cursori et ESCclavem claudat.
Exempla
Involve dropdown's toggle (button vel ligamen tuum) et in menu dropdown intus .dropdown, vel aliud elementum quod declarat position: relative;. Guttae urguere possunt ex elementis <a>vel <button>ad necessitates potentiales melius aptandas.
Unius button
Quaevis una .btnverti potest in stillicidium cum quibusdam notis mutationibus. Ecce quomodo potes eos laborare cum <button>elementis;
Similiter, stillicidiis globulorum scissilis crea cum eodem fere signo ut stillicidiis globulorum unius, sed cum additione .dropdown-toggle-splitpropriae spatii circa dropdown caret.
Hoc extra genus utimur ad redigendum horizontalem paddingin utraque parte custodiae per 25% et removendum margin-leftquod additum est pro stillicidiis bullis regularibus. Illae extra mutationes custodiunt custodias in botones scissuras versatas et aptius amplitudo aream proximam cum globulo principali praebent.
Historice dropdown menu contenta nexus esse oportuit , sed id non iam causam cum v4. Nunc optione uti <button>elementis in stillicidiis tuis loco iustorum potes uti <a>.
Potes etiam creare non-interactive dropdown items cum .dropdown-item-text. Libenter sentire cum consuetudine CSS vel textu utilitatis edicere.
Pone aliquem textum freeformi intra menu dropdown cum textu et usu spacing utilitatum . Nota te verisimiliter opus erit stylorum amplitudines additas ad latitudinem menu constringendam.
Aliquid exemplum textus quod liberum fluit in menu dropdown.
Et hoc est magis exem- plum.
Formae
Formam intra menu dropdown pone, aut fac in menu dropdown, et utere margine vel Nullam utilitates ad spatium negativum quod petis dare.
Via data attributa vel JavaScript, gutta plugin toggles abscondita (dropdown menus) per toggling .showgenus in indice item parente. Proprium data-toggle="dropdown"attributum nititur ad occlusionem menus dropdown in gradu applicationis, sic utilem uti semper est.
In machinis tactus parato aperiens guttam vacuas ( $.noop) tractores immediatis elementi mouseoverfiliis addit. <body>Hoc hack utiliter deforma est, necesse est in delegatione iOS eventum circum vafrum operari , quod alioqui impedit sonum uspiam extra guttae e codice excitato, quod stillicidium claudit. Postquam stillicidium occlusum est, accessiones inanes his mouseovertractoriae tolluntur.
Via data attributa
Adde data-toggle="dropdown"nexum vel felis toggle a dropdown.
Via JavaScript
Vocate dropdowns per JavaScript:
data-toggle="dropdown"adhuc requiratur
Neglegens utrum ad stillicidium tuum per JavaScript an potius utere notitia-api vocas, data-toggle="dropdown"semper requiritur adesse in elementum felis tellus.
Optiones
Optiones transigi possunt per data attributa vel JavaScript. Data enim attributa, adiungunt optionis nomen data-, ut in data-offset="".
Nomen
Type
Default
Descriptio
offset
numerus | string | officium
0
Quisque nonummy tellus vitae est iaculis accumsan.
Cum functio cinguli ad determinandum adhibetur, dicitur cum obiecto in quo primum argumentum cinguli continetur. Munus cum eadem structura reddere debet. Nodus domne elementum excitato praecessit ut secundum argumentum.
For more information refer to Popper.js's offset docs .
flip
Boolean
verum
Patitur Dropdown ut flip si imbricatis in elemento referente. Pro maiori notitia refertur ad Popper.js's flip docs .
terminus
string | elementum
'scrollParent'
Exundant angustiae limitis dropdown menu. Valores 'viewport', 'window', 'scrollParent'vel HTMLElement (JavaScript tantum). For more information refer to Popper.js's preventOverflow docs .
reference
string | elementum
'toggle'
Relatio elementum tellus. Valores rerum 'toggle', 'parent', seu referentiae HTMLElement acceptat. For more information refer to Popper.js's referenceObject docs .
ostentus
filum
'dynamic'
Defalta, Popper.js utimur pro positione dynamica. Hoc disable cum static.
Nota quando boundaryad quemvis alium quam ad valorem ponitur 'scrollParent', stilus position: staticad modum .dropdowncontinens.
Methodi
Methodus
Descriptio
$().dropdown('toggle')
Toggles menu destillatio navigationis datae navbaris vel tabbed.
$().dropdown('show')
Monstrat tabulatum distillationis cuiusdam navigationis navbaris vel tabb.
$().dropdown('hide')
Celat in menu dropdown datae navigationis navbaris vel tabbed.
$().dropdown('update')
Renovat positionem elementi tellus.
$().dropdown('dispose')
Praesent elementum suscipit tellus.
Events
Omnes guttae eventus ad .dropdown-menuparentis elementum accensi sunt ac relatedTargetproprietatem habent, cuius valor est ancora toggling elementum. hide.bs.dropdownet hidden.bs.dropdowneventus clickEventproprietatem habent (tantum cum primo eventu generis est click) quae eventum Object pro eventu strepita continet.
Eventus
Descriptio
show.bs.dropdown
Huius rei incendia statim cum spectaculum instantia methodus appellatur.
shown.bs.dropdown
Eventus hic accensus est cum stillicidium usori visibile factum est (exspectabit CSS transitus, ut perficiat).
hide.bs.dropdown
Ea res statim accensus est, cum occultae instantiae methodus vocata est.
hidden.bs.dropdown
Eventus hic accensus est cum stillicidium ab usore celatum absolvit (exspectabit CSS transitus, ut perficiat).