קבץ סדרה של כפתורים יחד בשורה אחת עם קבוצת הכפתורים, והפעל אותם עם JavaScript.
דוגמה בסיסית
עטוף סדרה של כפתורים עם .btn. .btn-groupהוסף התנהגות אופציונלית של JavaScript רדיו וסגנון תיבת סימון עם תוסף הלחצנים שלנו .
ודא נכון וספק roleתווית
על מנת שטכנולוגיות מסייעות (כגון קוראי מסך) יעבירו שסדרת כפתורים מקובצת, יש לספק roleתכונה מתאימה. עבור קבוצות לחצנים, זה יהיה role="group", בעוד שבסרגלי כלים צריך להיות role="toolbar".
בנוסף, קבוצות וסרגלי כלים צריכים לקבל תווית מפורשת, שכן מרבית הטכנולוגיות המסייעות לא יכריזו עליהם, למרות נוכחותה של תכונת התפקיד הנכונה. בדוגמאות שסופקו כאן, אנו משתמשים ב- , אך ניתן להשתמש גם aria-labelבחלופות כגון .aria-labelledby
סרגל כלים לחצנים
שלב קבוצות של קבוצות לחצנים לסרגלי כלים של כפתורים לרכיבים מורכבים יותר. השתמש בשיעורי עזר לפי הצורך כדי לרווח קבוצות, לחצנים ועוד.
אל תהסס לערבב קבוצות קלט עם קבוצות לחצנים בסרגלי הכלים שלך. בדומה לדוגמא שלמעלה, סביר להניח שתזדקק לכמה כלי עזר כדי לרווח דברים כראוי.
@
@
גודל
במקום להחיל כיתות גודל לחצנים על כל כפתור בקבוצה, פשוט הוסף .btn-group-*לכל אחד מהם .btn-group, כולל כל אחד כאשר מקננים קבוצות מרובות.
קינון
הצב .btn-groupבתוך אחר .btn-groupכאשר אתה רוצה תפריטים נפתחים מעורבבים עם סדרה של לחצנים.