亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

directory search
Getting started Accessibility(無障礙) Browsers and devices(瀏覽器和設(shè)備) Build tools(構(gòu)建工具) Contents(內(nèi)容) Download(下載) JavaScript Theming Bootstrap(主題Bootstrap) Webpack Components: Alerts Alerts(警報(bào)) Components: Badges Badges(徽章) Components: Breadcrumb Breadcrumb Components: Button group Button group(按鈕組) Components: Buttons Buttons(按鈕) Components: Cards Components: Carousel Cards(卡) Carousel(圓盤傳送帶) Components: Collapse Collapse(折疊) Components: Dropdowns Dropdowns(下拉菜單) Components: Forms Forms(表單) Components: Input group Input group(輸入群組) Components: Input group Jumbotron(廣告大屏幕) Components: List group List group(列表組) Components: Modal Modal(互動(dòng)視窗) Components: Navbar Navbar(導(dǎo)航欄) Components: Navs Navs(導(dǎo)航欄) Components: Pagination Pagination(分頁) Components: Popovers Popovers(彈出框) Components: Progress Progress(進(jìn)度條) Components: Scrollspy Scrollspy(滾動(dòng)監(jiān)聽) Components: Tooltips Tooltips(提示工具) Content Code(代碼) Figures(圖片區(qū)) Images(圖片) Reboot(重置) Tables(表格) Typography(排版) Layout Grid(網(wǎng)格) Layout(布局) Media object(多媒體對象) Utilities for layout(排版通用類別) Migration Migrating to v4(遷移到v4) Utilities Borders(邊框) Clearfix(清除浮動(dòng)) Close icon(關(guān)閉圖標(biāo)) Colors(顏色) Display property(顯示屬性) Embeds(內(nèi)嵌) Flex(彈性) Float(浮動(dòng)) Image replacement(圖像替換) Position(位置) Screenreaders(熒幕閱讀器) Sizing(尺寸) Spacing(間隔) Text(文本) Vertical alignment(垂直對齊) Visibility(能見度)
characters

在通過 CSS 自動(dòng)添加分隔符的導(dǎo)航層次結(jié)構(gòu)中指示當(dāng)前頁面的位置。

概觀

分隔符通過::beforecontent自動(dòng)添加到CSS中。

<nav aria-label="breadcrumb" role="navigation">  <ol class="breadcrumb">    <li class="breadcrumb-item active" aria-current="page">Home</li>  </ol></nav><nav aria-label="breadcrumb" role="navigation">  <ol class="breadcrumb">    <li class="breadcrumb-item"><a href="#">Home</a></li>    <li class="breadcrumb-item active" aria-current="page">Library</li>  </ol></nav><nav aria-label="breadcrumb" role="navigation">  <ol class="breadcrumb">    <li class="breadcrumb-item"><a href="#">Home</a></li>    <li class="breadcrumb-item"><a href="#">Library</a></li>    <li class="breadcrumb-item active" aria-current="page">Data</li>  </ol></nav>

無障礙

由于breadcrumbs提供導(dǎo)航,因此最好添加一個(gè)有意義的標(biāo)簽,例如aria-label="breadcrumb"描述<nav>元素中提供的導(dǎo)航類型,并將該元素應(yīng)用于aria-current="page"該集合的最后一項(xiàng),以表示它代表當(dāng)前頁面。

有關(guān)更多信息,請參閱 breadcrumb模式WAI-ARIA創(chuàng)作實(shí)踐。

Previous article: Next article: