Agrupa unha serie de botóns nunha soa liña co grupo de botóns e potencialos con JavaScript.
Exemplo básico
Envolve unha serie de botóns .btncon .btn-group. Engade a radio de JavaScript opcional e o comportamento do estilo de caixa de verificación co noso complemento de botóns .
Asegúrese de ser correcto rolee proporcionar unha etiqueta
Para que as tecnoloxías de asistencia (como os lectores de pantalla) transmitan que se agrupan unha serie de botóns, é rolenecesario proporcionar un atributo adecuado. Para os grupos de botóns, isto sería role="group", mentres que as barras de ferramentas deberían ter un role="toolbar".
Ademais, os grupos e as barras de ferramentas deberían ter unha etiqueta explícita, xa que a maioría das tecnoloxías de asistencia non os anunciarán, a pesar da presenza do atributo de rol correcto. Nos exemplos proporcionados aquí, usamos , pero tamén se poden usar aria-labelalternativas como .aria-labelledby
Barra de ferramentas de botóns
Combina conxuntos de grupos de botóns en barras de ferramentas de botóns para obter compoñentes máis complexos. Use as clases de utilidade segundo sexa necesario para espaciar grupos, botóns e moito máis.
Non dubides en mesturar grupos de entrada con grupos de botóns nas túas barras de ferramentas. Semellante ao exemplo anterior, é probable que necesites algunhas utilidades para espaciar as cousas correctamente.
@
@
Talla
En lugar de aplicar clases de tamaño dos botóns a cada botón dun grupo, só tes que engadir .btn-group-*a cada un .btn-group, incluído cada un cando anidan varios grupos.
Aniñación
Coloque un .btn-groupdentro doutro .btn-groupcando quere menús despregables mesturados cunha serie de botóns.