in English
Кнопка төркеме
Кнопка төркеме белән бер сызыкта бер-бер артлы төймәләр сериясен төркемләгез, һәм аларны JavaScript ярдәмендә супер-көчле.
Төп мисал
.btn
Бер- бер артлы төймәләр урыгыз .btn-group
. Безнең төймәләр плагины белән өстәмә JavaScript радиосын һәм контроль тартма стилен өстәгез .
Дөреслекне role
тәэмин итегез һәм ярлык бирегез
Ярдәмче технологияләр (мәсәлән, экран укучылары) төймәләр сериясенең төркемләнгәнен җиткерү өчен, тиешле role
атрибут бирелергә тиеш. Кнопка төркемнәре өчен бу булыр role="group"
, ә кораллар аскысы булырга тиеш role="toolbar"
.
Моннан тыш, төркемнәргә һәм кораллар тактасына ачык ярлык бирелергә тиеш, чөнки күпчелек ярдәмче технологияләр, дөрес роль атрибутлары булуына карамастан, аларны игълан итмиләр. Монда китерелгән мисалларда без кулланабыз aria-label
, ләкин альтернатива aria-labelledby
да кулланырга мөмкин.
Катлаулы компонентлар өчен төймә төркемнәре төймәләрен кораллар тактасына берләштерегез. Төркемнәрне, төймәләрне һәм башкаларны аеру өчен кирәк булганда файдалы классларны кулланыгыз.
Кораллар аскы өлешендәге кертү төркемнәрен кертү төркемнәрен бушатырга иренегез. Aboveгарыдагы мисалга охшаган, әйберләрне дөрес урнаштыру өчен сезгә, мөгаен, кайбер коммуналь хезмәтләр кирәк булыр.
Зурлык
Төркемдәге һәр төймәгә төймә размерларын куллану урынына, берничә төркемне оя корганда, аларның .btn-group-*
һәрберсенә өстәгез..btn-group
Оя ясау
Бер -бер артлы төймәләр белән кушылган тамчы менюларны теләгәндә .btn-group
бүтәнне урнаштырыгыз..btn-group
Вертикаль үзгәрү
Кнопкалар җыелмасы горизонталь түгел, вертикаль рәвештә тезелгән булып күренсен. Сплит төймә тамчылары монда булышмый.