Paggrupo og sunod-sunod nga mga butones sa usa ka linya nga adunay grupo sa buton, ug kusog kaayo kini gamit ang JavaScript.
Panguna nga pananglitan
I-wrap ang usa ka serye sa mga buton gamit ang .btnin .btn-group. Idugang ang opsyonal nga JavaScript radio ug checkbox style behavior gamit ang among buttons plugin .
Siguruha nga husto roleug paghatag usa ka label
Aron ang mga teknolohiya sa pagtabang (sama sa mga magbabasa sa screen) makapahayag nga usa ka serye sa mga buton ang gi-grupo, usa ka angay rolenga kinaiya kinahanglan nga ihatag. Alang sa mga grupo sa butones, kini mao ang role="group", samtang ang mga toolbar kinahanglan adunay usa ka role="toolbar".
Dugang pa, ang mga grupo ug mga toolbar kinahanglan nga hatagan usa ka tin-aw nga label, tungod kay ang kadaghanan sa mga teknolohiya nga makatabang nga dili kini ipahibalo, bisan pa sa presensya sa husto nga hiyas sa papel. Sa mga pananglitan nga gihatag dinhi, among gigamit ang aria-label, apan ang mga alternatibo sama sa aria-labelledbymagamit usab.
Butang nga toolbar
Paghiusa sa mga set sa mga grupo sa butones ngadto sa mga toolbar sa buton alang sa mas komplikado nga mga sangkap. Gamita ang mga klase sa utility kung gikinahanglan aron mapalayo ang mga grupo, butones, ug uban pa.
Mobati nga gawasnon sa pagsagol sa mga grupo sa input sa mga grupo sa butones sa imong mga toolbar. Sama sa pananglitan sa ibabaw, lagmit kinahanglan nimo ang pipila ka mga utilities bisan pa aron mabutang ang mga butang sa hustong paagi.
@
@
Pagsukod
Imbis nga i-apply ang mga klase sa pag-size sa butones sa matag buton sa usa ka grupo, idugang lang .btn-group-*ang matag usa .btn-group, lakip ang matag usa kung magsalag sa daghang mga grupo.
Nagsalag
Ibutang ang usa .btn-groupsa sulod sa lain .btn-groupkung gusto nimo ang mga dropdown menu nga gisagol sa usa ka serye sa mga buton.