Pagsama-samahin ang isang serye ng mga button sa isang linya kasama ang button group, at palakasin ang mga ito gamit ang JavaScript.
Pangunahing halimbawa
I-wrap ang isang serye ng mga button na may .btnin .btn-group. Idagdag sa opsyonal na JavaScript radio at pag-uugali sa istilo ng checkbox gamit ang aming mga button na plugin .
Tiyaking tama roleat magbigay ng label
Upang maiparating ng mga pantulong na teknolohiya (gaya ng mga screen reader) na nakagrupo ang isang serye ng mga button, rolekailangang magbigay ng naaangkop na katangian. Para sa mga pangkat ng button, ito ay magiging role="group", habang ang mga toolbar ay dapat may role="toolbar".
Bilang karagdagan, ang mga pangkat at toolbar ay dapat na bigyan ng isang tahasang label, dahil karamihan sa mga teknolohiyang pantulong ay hindi mag-aanunsyo sa kanila, sa kabila ng pagkakaroon ng tamang katangian ng tungkulin. Sa mga halimbawang ibinigay dito, ginagamit namin ang aria-label, ngunit magagamit din ang mga alternatibo tulad ng aria-labelledby.
Toolbar ng pindutan
Pagsamahin ang mga hanay ng mga pangkat ng button sa mga toolbar ng button para sa mas kumplikadong mga bahagi. Gumamit ng mga utility class kung kinakailangan para i-space out ang mga grupo, button, at higit pa.
Huwag mag-atubiling paghaluin ang mga pangkat ng input sa mga pangkat ng button sa iyong mga toolbar. Katulad ng halimbawa sa itaas, malamang na kailangan mo ng ilang mga utility bagaman para maayos ang mga bagay.
@
@
Pagsusukat
Sa halip na ilapat ang mga klase sa pagpapalaki ng button sa bawat button sa isang grupo, idagdag lang .btn-group-*ang bawat .btn-groupisa , kasama ang bawat isa kapag naglalagay ng maraming grupo.
Pugad
Maglagay ng isang sa .btn-grouploob ng isa pa .btn-groupkapag gusto mo ang mga dropdown na menu na may halong serye ng mga button.