Ba boutons
Salelá ba styles ya bouton personnalisé ya Bootstrap mpo na misala na ba formulaire, ba dialogues, mpe mingi mosusu na lisungi mpo na bonene ebele, ba états, mpe mingi mosusu.
Bootstrap ezali na ba styles ya bouton oyo esili kolimbolama liboso, moko na moko ezali kosalela ntina na yango ya sémantique, na mwa ba extras oyo ebwakami na kati mpo na kozala na bokonzi mingi.
Kopesa ndimbola na ba technologies ya kosunga
Kosalela langi mpo na kobakisa ndimbola epesaka kaka elembo ya komona, oyo ekopesama te na basaleli ya mayele ya kosunga – lokola batángi ya écran. Sala ete sango oyo elakisami na langi ezala polele uta na makambo yango moko (ndakisa makomi oyo ezali komonana), to ekotisama na nzela ya mayele mosusu, lokola makomi ya kobakisa oyo ebombami elongo na .sr-only
kelasi.
Ba .btn
classes esalemi pona kosalela na <button>
élément. Kasi, okoki mpe kosalela bakelasi yango na <a>
to na <input>
ba éléments (atako ba navigateurs mosusu ekoki kosalela rendu oyo ekeseni mwa moke).
Ntango ozali kosalela bakelasi ya bouton na <a>
biloko oyo esalelamaka mpo na kofungola mosala ya kati ya lokasa (lokola makambo oyo ezali kokwea), na esika ya kosala lien na nkasa to biteni ya sika na kati ya lokasa oyo ezali sikoyo, esengeli kopesa ba liens yango role="button"
mpo na kopesa ntina na yango na ndenge oyo ebongi na mayele ya kosalisa lokola batángi ya écran.
Na besoin ya bouton, mais te ba couleurs ya fond hefty ba memaka? Bozongisa ba classes ya modificateur par défaut na .btn-outline-*
oyo ya kolongola ba images nionso ya fond na ba couleurs na bouton nionso.
Fancy ba boutons ya minene to ya mike? Bakisa .btn-lg
to .btn-sm
mpo na ba taille mosusu.
Salá ba boutons ya niveau ya bloc —oyo epanzani na bonene mobimba ya moboti —na kobakisa .btn-block
.
Ba boutons ekobima na kofina (na fond ya molili, ndelo ya moindo, mpe elili ya inset) tango ezali activé. Ezali na ntina te kobakisa kelasi na <button>
s lokola basalelaka kelasi ya lokuta . Kasi, okoki kaka ko forcer apparence active moko na .active
(mpe ko inclure aria-pressed="true"
attribut) soki oza na besoin ya ko reproduire état programmatiquement.
Sala que ba boutons ezala inactive na kobakisa disabled
attribut boolean na <button>
élément nionso.
Ba boutons désactivés oyo esalelaka <a>
élément ezo comporter mua différent:
<a>
s esimbakadisabled
attribut te, yango wana esengeli obakisa.disabled
kelasi mpo emonana na miso lokola ekangami.- Ba styles misusu ya future-friendly ekotisami pona ko désactiver nionso
pointer-events
na ba boutons ya anchor. Na ba navigateurs oyo esimbaka propriété wana, okomona curseur désactivé ata moke te. - Ba boutons désactivés esengeli ezala na
aria-disabled="true"
attribut mpo na kolakisa état ya élément na ba technologies d’assistance.
Lien ya fonctionnalité ya caveat
.disabled
Classe esalelaka pona pointer-events: none
koluka ko désactiver fonctionnalité ya lien ya <a>
s, mais propriété wana ya CSS eza nanu standardisé te. En plus, même dans les navigateurs qui do soutien pointer-events: none
, navigation ya clavier etikali sans effet, elingi koloba que ba usagers ya clavier oyo emonanaka na ba usagers ya ba technologies d’assistance bakozala kaka na makoki ya ko activer ba liens wana. Donc mpo na kozala sûr, bakisa tabindex="-1"
attribut moko na ba liens oyo (po na kopekisa yango kozua focus ya clavier) mpe salela JavaScript personnalisé mpo na ko désactiver fonctionnalité na yango.
Sala mingi na ba boutons. Bouton ya contrôle ezo loba to kosala ba groupes ya ba boutons pona ba composants ebele lokola ba barres d'outils.
Bakisa data-toggle="button"
mpo na kobongola ezalela ya bouton moko active
. Soki ozali kobongola liboso bouton moko, osengeli kobakisa .active
kelasi mpe aria-pressed="true"
na <button>
.
Ba styles ya Bootstrap .button
ekoki kosalelama na ba éléments misusu, lokola <label>
s, pona kopesa case ya kotiya elembo to toggling ya bouton ya style ya radio. Bakisa data-toggle="buttons"
na oyo .btn-group
ezali na ba boutons wana oyo ebongisami mpo na kofungola bizaleli na bango ya kobongola na nzela ya JavaScript mpe bakisa .btn-group-toggle
mpo na kosala style ya <input>
s na kati ya ba boutons na yo. Yebá ete okoki kosala ba boutons moko oyo ezali na nguya ya kokɔtisa to bituluku na yango.
Etat oyo e vérifié pona ba boutons oyo ezo actualiser kaka via click
événement na bouton. Soki osaleli lolenge mosusu mpo na kosala mikolo oyo bokotisi —ndakisa, na <input type="reset">
to na kosalelaka na maboko checked
propriété ya bokotisi —okozala na mposa ya kobalusa .active
na <label>
maboko.
Yebá ete ba boutons oyo otye liboso esɛngaka obakisa .active
kelasi na mabɔkɔ na oyo ya entrée <label>
.
Metode | Ndimbola |
---|---|
$().button('toggle') |
Toggles état ya kopusama. Epesaka bouton apparence que esili ko activer. |
$().button('dispose') |
Ebebisaka bouton ya élément moko. |