Grwpiwch gyfres o fotymau gyda'i gilydd ar un llinell gyda'r grŵp botymau, a'u grymuso gyda JavaScript.
Enghraifft sylfaenol
Lapiwch gyfres o fotymau gyda .btnmewn .btn-group. Ychwanegu ar radio JavaScript dewisol ac ymddygiad arddull blwch ticio gyda'n ategyn botymau .
Sicrhewch fod yn gywir rolea rhowch label
Er mwyn i dechnolegau cynorthwyol (fel darllenwyr sgrin) gyfleu bod cyfres o fotymau wedi'u grwpio, mae roleangen darparu priodoledd priodol. Ar gyfer grwpiau botwm, byddai hyn yn role="group", tra dylai bariau offer gael role="toolbar".
Yn ogystal, dylid rhoi label clir i grwpiau a bariau offer, gan na fydd y rhan fwyaf o dechnolegau cynorthwyol yn eu cyhoeddi fel arall, er gwaethaf presenoldeb y nodwedd rôl gywir. Yn yr enghreifftiau a ddarperir yma, rydym yn defnyddio , ond gellir defnyddio aria-labeldewisiadau eraill megis hefyd.aria-labelledby
Bar offer botwm
Cyfuno setiau o grwpiau botwm yn fariau offer botwm ar gyfer cydrannau mwy cymhleth. Defnyddiwch ddosbarthiadau cyfleustodau yn ôl yr angen i osod bylchau mewn grwpiau, botymau a mwy.
Mae croeso i chi gymysgu grwpiau mewnbwn gyda grwpiau botwm yn eich bariau offer. Yn debyg i'r enghraifft uchod, mae'n debyg y bydd angen rhywfaint o gyfleustodau arnoch er mwyn gosod pethau'n iawn.
@
@
Maintioli
Yn hytrach na chymhwyso dosbarthiadau maint botwm i bob botwm mewn grŵp, ychwanegwch .btn-group-*at bob un .btn-group, gan gynnwys pob un wrth nythu grwpiau lluosog.
Nythu
Rhowch un .btn-groupo fewn un arall .btn-grouppan fyddwch chi eisiau dewislenni wedi'u cymysgu â chyfres o fotymau.