Ggruppa serje ta 'buttuni flimkien fuq linja waħda mal-grupp ta' buttuni, u ssaħħaħhom b'JavaScript.
Eżempju bażiku
Kebbeb sensiela ta’ buttuni .btnb’in .btn-group. Żid fuq ir-radju JavaScript fakultattiv u l-imġiba tal-istil tal-kaxxa tal-kontroll bil -plugin tal-buttuni tagħna .
Żgura korretta roleu ipprovdi tikketta
Sabiex it-teknoloġiji ta' assistenza (bħal screen readers) iwasslu li serje ta' buttuni hija raggruppata, rolejeħtieġ li jiġi pprovdut attribut xieraq. Għal gruppi ta' buttuna, dan ikun role="group", filwaqt li toolbars għandu jkollhom role="toolbar".
Barra minn hekk, gruppi u toolbars għandhom jingħataw tikketta espliċita, peress li l-biċċa l-kbira tat-teknoloġiji ta 'assistenza inkella ma jħabbruhomx, minkejja l-preżenza tal-attribut tar-rwol korrett. Fl-eżempji pprovduti hawn, nużaw aria-label, iżda alternattivi bħal aria-labelledbyjistgħu jintużaw ukoll.
Toolbar tal-buttuna
Għaqqad settijiet ta 'gruppi ta' buttuna f'toolbars ta 'buttuni għal komponenti aktar kumplessi. Uża klassijiet ta 'utilità kif meħtieġ biex tispazja gruppi, buttuni, u aktar.
Ħossok liberu li tħallat gruppi ta' input ma' gruppi ta' buttuna fil-toolbars tiegħek. Simili għall-eżempju ta 'hawn fuq, x'aktarx ikollok bżonn xi utilitajiet għalkemm biex tispazja l-affarijiet kif suppost.
@
@
Daqs
Minflok ma tapplika klassijiet tad-daqs tal-buttuna għal kull buttuna fi grupp, żid biss .btn-group-*ma 'kull .btn-group, inkluż kull waħda meta jbejtu gruppi multipli.
Ibejtu
Poġġi fi .btn-groupħdan ieħor .btn-groupmeta trid dropdown menus mħallta ma 'serje ta' buttuni.