bokotra
Mampiasà fomba bokotra mahazatra an'ny Bootstrap ho an'ny hetsika amin'ny endrika, fifanakalozan-kevitra, ary maro hafa miaraka amin'ny fanohanana ny habe, fanjakana ary maro hafa.
Ny Bootstrap dia misy karazana bokotra maromaro efa voafaritra mialoha, samy manana ny tanjony manokana, miaraka amin'ny fanampiny vitsivitsy natsipy mba hifehezana bebe kokoa.
Fampitaovana ny dikan'ny teknôlôjia manampy
Ny fampiasana loko hanampiana dikany dia manome famantarana hita maso ihany, izay tsy hampitaina amin'ireo mpampiasa teknolojia manampy - toy ny mpamaky efijery. Ataovy azo antoka fa ny fampahalalana voatondro amin'ny loko dia na miharihary amin'ny atiny (ohatra ny lahatsoratra hita maso), na ampidirina amin'ny fomba hafa, toy ny lahatsoratra fanampiny miafina miaraka amin'ny .sr-only
kilasy.
Ny .btn
kilasy dia natao hampiasaina amin'ny <button>
singa. Na izany aza, azonao atao koa ny mampiasa ireo kilasy <a>
na <input>
singa ireo (na dia mety hampihatra fandikana hafa kely aza ny navigateur sasany).
Rehefa mampiasa kilasin'ny bokotra amin'ny <a>
singa ampiasaina hanesorana ny fampiasa ao anaty pejy (toy ny votoaty mirodana), fa tsy mampifandray amin'ny pejy na fizarana vaovao ao anatin'ny pejy ankehitriny, dia tokony omena ireto rohy ireto role="button"
mba hampita ny tanjony amin'ny teknolojia manampy toy ny mpamaky efijery.
Mila bokotra, fa tsy ny lokon'ny lamosina mahery vaika entin'izy ireo? Soloy amin'ireo kilasy fanovàna .btn-outline-*
mahazatra ireo mba hanesorana ny sary sy loko rehetra amin'ny bokotra rehetra.
Mitady bokotra lehibe kokoa na kely kokoa? Ampio .btn-lg
na .btn-sm
habe fanampiny.
Mamorona bokotra haavon'ny sakana—ireo izay mivelatra amin'ny sakan'ny ray aman-dreny iray manontolo—amin'ny fanampiana .btn-block
.
Ny bokotra dia hiseho voatsindry (miaraka amin'ny fiaviana maizina, sisintany maizina, ary aloka miditra) rehefa mavitrika. Tsy ilaina ny manampy kilasy amin'ny <button>
s satria mampiasa pseudo-class izy ireo . Na izany aza, mbola azonao atao ny manery ny endrika mavitrika mitovy amin'ny .active
(ary ampidiro ny aria-pressed="true"
toetra) raha mila mamerina ny fanjakana amin'ny programa ianao.
Ataovy toy ny tsy mavitrika ny bokotra amin'ny fampidirana ny disabled
toetra boolean amin'ny <button>
singa rehetra.
Ny bokotra kilemaina mampiasa ilay <a>
singa dia somary hafa ihany ny fitondrantena:
<a>
s tsy manohana nydisabled
toetra, noho izany dia tsy maintsy ampidirinao ny.disabled
kilasy mba hahatonga azy ho kilemaina.- Misy endrika sariaka amin'ny ho avy ampidirina mba hanesorana ny
pointer-events
bokotra vatofantsika rehetra. Ao amin'ny mpitety tranonkala manohana an'io fananana io dia tsy ho hitanao mihitsy ny cursor kilemaina. - Ny bokotra kilemaina dia tokony ahitana ny
aria-disabled="true"
toetra hanondro ny toetry ny singa amin'ny teknolojia manampy.
Fampitandremana momba ny fiasa rohy
Ny .disabled
kilasy dia mampiasa pointer-events: none
ny hanandrana hanaisotra ny fampandehanana rohy an'ny <a>
s, saingy tsy mbola manara-penitra io fananana CSS io. Fanampin'izany, na dia ao amin'ny mpitety tranonkala manohana aza pointer-events: none
, dia mbola tsy misy fiantraikany ny fitetezana kitendry, izany hoe mbola afaka manetsika ireo rohy ireo ny mpampiasa klavier sy ny mpampiasa ny teknolojia mpanampy. Mba ho azo antoka, ampio tabindex="-1"
toetra amin'ireo rohy ireo (mba hisakanana azy ireo tsy hahazo fifantohana amin'ny fitendry) ary ampiasao ny JavaScript manokana hanakanana ny fampiasany.
Manaova bebe kokoa amin'ny bokotra. Ny bokotra fanaraha-maso dia manambara na mamorona vondrona bokotra ho an'ny singa maro kokoa toy ny barazy.
Ampio data-toggle="button"
mba hanova ny toetry ny bokotra active
. Raha toa ianao ka manodina bokotra mialoha dia tsy maintsy ampidirinao tanana ny .active
kilasy sy aria-pressed="true"
ny <button>
.
Ny fomban'ny Bootstrap .button
dia azo ampiharina amin'ny singa hafa, toy ny <label>
s, mba hanomezana ny bokotra checkbox na radio style. Ampio data-toggle="buttons"
amin'ny .btn-group
misy ireo bokotra novaina ireo mba hahafahan'izy ireo mivadika amin'ny alàlan'ny JavaScript ary ampio .btn-group-toggle
ny <input>
s ao anatin'ny bokotrao. Mariho fa afaka mamorona bokotra tokana na vondrona misy azy ireo ianao.
Ny toetra voamarika ho an'ireo bokotra ireo dia havaozina amin'ny alàlan'ny click
hetsika eo amin'ny bokotra. Raha mampiasa fomba hafa hanavaozana ny fampidirana ianao—ohatra, miaraka <input type="reset">
na amin'ny fampiharana amin'ny tanana ny checked
fananan'ny fampidirana—dia mila mifindra .active
amin'ny <label>
tanana ianao.
Mariho fa ny bokotra voamarika mialoha dia mitaky anao hampiditra tanana ny .active
kilasy amin'ny fampidirana <label>
.
FOMBA | Description |
---|---|
$().button('toggle') |
Manova ny toetry ny fanosehana. Manome ny bokotra ny endrika fa efa navitrika. |
$().button('dispose') |
Manimba ny bokotra singa iray. |