დააჯგუფეთ ღილაკების სერია ერთად ერთ ხაზზე, ღილაკების ჯგუფთან და სუპერ ჩართეთ JavaScript-ით.
ძირითადი მაგალითი
შემოახვიეთ ღილაკების სერია .btnში .btn-group. დაამატეთ არასავალდებულო JavaScript რადიო და ჩამრთველი სტილის ქცევა ჩვენი ღილაკების მოდულით .
დარწმუნდით, რომ სწორია roleდა მიაწოდეთ ეტიკეტი
იმისათვის, რომ დამხმარე ტექნოლოგიებმა (როგორიცაა ეკრანის წამკითხველები) გადმოგცეთ, რომ ღილაკების სერია დაჯგუფებულია, საჭიროა შესაბამისი roleატრიბუტის მიწოდება. ღილაკების ჯგუფებისთვის ეს იქნება role="group", ხოლო ხელსაწყოთა ზოლებს უნდა ჰქონდეს role="toolbar".
გარდა ამისა, ჯგუფებს და ხელსაწყოების ზოლებს უნდა მიენიჭოს მკაფიო ეტიკეტი, რადგან დამხმარე ტექნოლოგიების უმეტესობა სხვაგვარად არ გამოაცხადებს მათ, მიუხედავად სწორი როლის ატრიბუტის არსებობისა. აქ მოყვანილ მაგალითებში ჩვენ ვიყენებთ aria-label, მაგრამ ისეთი ალტერნატივების aria-labelledbyგამოყენებაც შესაძლებელია.
ღილაკების პანელი
შეუთავსეთ ღილაკების ჯგუფების ნაკრები ღილაკების ინსტრუმენტთა პანელებში უფრო რთული კომპონენტებისთვის. საჭიროებისამებრ გამოიყენეთ სასარგებლო კლასები ჯგუფების, ღილაკების და სხვათა გასასვლელად.
თავისუფლად აურიეთ შეყვანის ჯგუფები ღილაკების ჯგუფებთან თქვენს ხელსაწყოთა ზოლში. ზემოთ მოყვანილი მაგალითის მსგავსად, თქვენ ალბათ დაგჭირდებათ რამდენიმე უტილიტა, თუმცა ნივთების სწორად განლაგებისთვის.
@
@
გაზომვა
იმის ნაცვლად, რომ გამოიყენოთ ღილაკების ზომის კლასები ჯგუფის ყველა ღილაკზე, უბრალოდ დაამატეთ .btn-group-*თითოეულს .btn-group, მათ შორის თითოეულს მრავალი ჯგუფის ბუდობისას.
ბუდე
მოათავსეთ .btn-groupმეორეში, .btn-groupროდესაც გსურთ ჩამოსაშლელი მენიუები შერეული ღილაკების სერიით.