精品久久久久久亚洲精品_成人午夜网站_www日本高清_亚洲精品久久久久午夜福

Breadcrumb

Indicate the current page’s location within a navigational hierarchy that automatically adds separators via CSS.

Example

Use an ordered or unordered list with linked list items to create a minimally styled breadcrumb. Use our utilities to add additional styles as desired.

<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item active" aria-current="page">Home</li>
</ol>
</nav>

<nav aria-label="breadcrumb">
<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">
<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>

Dividers

Dividers are automatically added in CSS through ::before and content. They can be changed by modifying a local CSS custom property --bs-breadcrumb-divider, or through the $breadcrumb-divider Sass variable — and $breadcrumb-divider-flipped for its RTL counterpart, if needed. We default to our Sass variable, which is set as a fallback to the custom property. This way, you get a global divider that you can override without recompiling CSS at any time.

<nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Library</li>
</ol>
</nav>

When modifying via Sass, the quote function is required to generate the quotes around a string. For example, using > as the divider, you can use this:

$breadcrumb-divider: quote(">");

It’s also possible to use an embedded SVG icon. Apply it via our CSS custom property, or use the Sass variable.

<nav style="--bs-breadcrumb-divider: url(&#34;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='currentColor'/%3E%3C/svg%3E&#34;);" aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Library</li>
</ol>
</nav>
$breadcrumb-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='currentColor'/%3E%3C/svg%3E");

You can also remove the divider setting --bs-breadcrumb-divider: ''; (empty strings in CSS custom properties counts as a value), or setting the Sass variable to $breadcrumb-divider: none;.

<nav style="--bs-breadcrumb-divider: '';" aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Library</li>
</ol>
</nav>
$breadcrumb-divider: none;

Accessibility

Since breadcrumbs provide a navigation, it’s a good idea to add a meaningful label such as aria-label="breadcrumb" to describe the type of navigation provided in the <nav> element, as well as applying an aria-current="page" to the last item of the set to indicate that it represents the current page.

For more information, see the WAI-ARIA Authoring Practices for the breadcrumb pattern.

Sass

Variables

$breadcrumb-font-size:              null;
$breadcrumb-padding-y:              0;
$breadcrumb-padding-x:              0;
$breadcrumb-item-padding-x:         .5rem;
$breadcrumb-margin-bottom:          1rem;
$breadcrumb-bg:                     null;
$breadcrumb-divider-color:          $gray-600;
$breadcrumb-active-color:           $gray-600;
$breadcrumb-divider:                quote("/");
$breadcrumb-divider-flipped:        $breadcrumb-divider;
$breadcrumb-border-radius:          null;
返回頂部
精品久久久久久亚洲精品_成人午夜网站_www日本高清_亚洲精品久久久久午夜福

      久久国产精品99国产| 久久国产福利| 欧美一区二区三区免费视| 亚洲尤物视频网| 先锋影音国产一区| 久久精品国产精品亚洲综合 | 欧美日韩你懂的| 国产精品免费看片| 伊人久久久大香线蕉综合直播| 亚洲国产一区二区三区a毛片| 亚洲精品视频中文字幕| 亚洲字幕在线观看| 裸体素人女欧美日韩| 国产精品99一区| 亚洲第一福利社区| 亚洲伊人伊色伊影伊综合网| 欧美亚洲午夜视频在线观看| 久久综合网络一区二区| 欧美午夜片在线观看| 狠狠色丁香婷婷综合久久片| 一区二区高清视频| 久久全球大尺度高清视频| 欧美色视频一区| 亚洲第一二三四五区| 亚洲一级影院| 欧美精品成人在线| 狠狠色丁香久久综合频道| 一区二区三区日韩精品| 久久免费高清| 国产精品五月天| 一卡二卡3卡四卡高清精品视频| 欧美一区二区三区四区视频 | 久久久精品日韩| 国产精品wwwwww| 亚洲茄子视频| 美玉足脚交一区二区三区图片| 国产精品一区一区三区| 亚洲人成在线观看| 久久伊伊香蕉| 国产一区二区三区在线观看视频 | 黑丝一区二区三区| 亚洲欧美中文字幕| 欧美日韩一区二区免费在线观看| 亚洲国产精品久久人人爱蜜臀| 久久久久高清| 好看不卡的中文字幕| 亚洲综合欧美| 国产精品超碰97尤物18| 亚洲美洲欧洲综合国产一区| 久久一区精品| 在线电影国产精品| 久久综合九色| 亚洲国产成人av| 欧美超级免费视 在线| 在线观看亚洲a| 免费一区视频| 亚洲乱码国产乱码精品精天堂| 另类专区欧美制服同性| 在线电影一区| 欧美福利专区| 在线亚洲精品| 国产精品久久久久秋霞鲁丝| 亚洲免费一级电影| 国产色产综合色产在线视频| 久久爱91午夜羞羞| 伊人久久av导航| 美女视频黄a大片欧美| 亚洲精品久久视频| 欧美午夜宅男影院| 欧美一区二区三区四区视频| 激情久久五月天| 欧美国产日本在线| 亚洲视频中文字幕| 国产日韩欧美精品在线| 久久精品在线观看| 亚洲黄色三级| 国产精品v亚洲精品v日韩精品| 午夜精品久久久| 在线观看一区二区视频| 欧美日韩视频第一区| 午夜精品国产更新| 狠狠综合久久av一区二区小说| 欧美国产日本在线| 亚洲综合欧美日韩| 在线观看成人av| 欧美日韩亚洲91| 久久激情五月激情| 日韩视频一区二区三区在线播放免费观看| 国产精品国产三级国产普通话三级| 午夜精品剧场| 亚洲国产欧美日韩另类综合| 国产精品高潮呻吟久久av无限| 久久精品一区二区三区四区 | 国产精品一区二区三区四区 | 久久久久九九九九| 日韩天天综合| 国产自产女人91一区在线观看| 免费看亚洲片| 午夜在线视频观看日韩17c| 亚洲第一视频网站| 国产日韩欧美一区二区三区在线观看 | 美女视频黄免费的久久| 亚洲一区三区电影在线观看| 在线欧美一区| 国产精品一香蕉国产线看观看 | 嫩模写真一区二区三区三州| 亚洲影院免费| 日韩一二三区视频| 在线成人免费视频| 国产亚洲精品久久久久久| 欧美日韩国产专区| 欧美jizz19hd性欧美| 久久久久久久国产| 久久国产精品电影| 亚洲天堂偷拍| 亚洲视频在线播放| 亚洲精品美女在线| 亚洲国产精品激情在线观看| 国产一区成人| 国产一区二区毛片| 国产伦精品一区二区三区| 欧美午夜三级| 欧美视频不卡中文| 欧美色欧美亚洲另类二区| 欧美国产精品v| 美女视频网站黄色亚洲| 久久精品中文| 欧美在线视频免费| 午夜视黄欧洲亚洲| 性xx色xx综合久久久xx| 亚洲欧美日韩精品在线| 亚洲欧美制服另类日韩| 亚洲欧美日韩成人| 欧美亚洲一区二区三区| 欧美一级理论性理论a| 香蕉久久一区二区不卡无毒影院 | 久久久精品国产一区二区三区| 欧美一区二区私人影院日本 | 欧美亚一区二区| 国产精品video| 国产精品亚洲人在线观看| 国产精品久久久久久久久久妞妞| 国产精品久久9| 国产精品专区h在线观看| 国产欧美一区二区视频| 韩国精品久久久999| 亚洲国产经典视频| 亚洲看片一区| 亚洲欧美激情诱惑| 久久激情婷婷| 欧美成人综合在线| 欧美日韩精品免费看| 国产精品网站一区| 雨宫琴音一区二区在线| 亚洲精品视频一区| 亚洲免费一级电影| 久久激情视频免费观看| 欧美大片91| 国产精品拍天天在线| 黄色亚洲免费| 在线一区免费观看| 欧美影视一区| 欧美国产日韩精品免费观看| 欧美三级乱码| 精品不卡一区二区三区| 一本色道久久综合| 午夜精品理论片| 蜜桃av综合| 国产精品v欧美精品v日本精品动漫| 国产一区二区三区在线观看视频 | 国产精品一区二区久久久久| 红杏aⅴ成人免费视频| 9i看片成人免费高清| 久久精品国产精品亚洲精品| 欧美日韩精选| 在线观看日韩av| 亚洲在线不卡| 欧美精品激情blacked18| 国产伦精品一区二区三区视频孕妇| 亚洲国产日韩一级| 久久精品国产99国产精品| 欧美日韩亚洲另类| 一区二区三区我不卡| 亚洲欧美三级在线| 欧美精品一区二区三区在线看午夜| 国产亚洲欧美另类中文| 亚洲美女免费视频| 免费观看日韩| 激情视频一区| 久久久www成人免费精品| 欧美色综合天天久久综合精品| 伊人成人网在线看| 久久成人免费| 国产欧美日韩免费| 亚洲已满18点击进入久久| 欧美日韩一级视频| 亚洲精品系列| 欧美男人的天堂| 亚洲美女在线国产| 欧美精品偷拍|