<a href="#!" class="js-create-tab" data-title="测试页面" data-url="test.html">打开页签</a>
更改分隔符
分隔符通过::before和自动添加到CSS中content。他们可以通过改变来改变 $breadcrumb-divider。该报价是需要函数生成围绕一个字符串的报价，所以如果你想 > 为分隔符，你可以这样做：
$breadcrumb-divider: quote(">");
也可以使用base64嵌入式SVG图标：
$breadcrumb-divider: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiPjxwYXRoIGQ9Ik0yLjUgMEwxIDEuNSAzLjUgNCAxIDYuNSAyLjUgOGw0LTQtNC00eiIgZmlsbD0iY3VycmVudENvbG9yIi8+PC9zdmc+);
分隔符可以通过设置 $breadcrumb-divider 为 none：
$breadcrumb-divider: none;
无障碍处理
为了为障碍浏览提供方便，针对面包屑这样具备导航功能的模块，建议添加一个有意义的标签即 aria-label="breadcrumb" 來描述 <nav> 元素，以及使用 aria-current="page" 到这组导航的最后一个项目，以标明当前页面名称（路径）
手风琴效果
这是一个轻量、灵活的组件，可以选择性地扩展整个视口，以展示您网站上的关键营销信息。
聊斋志异
《聊斋志异》简称《聊斋》，俗名《鬼狐传》，是中国清朝著名小说家蒲松龄创作的文言短篇小说集。
《聊斋志异》简称《聊斋》，俗名《鬼狐传》，是中国清代著名小说家蒲松龄创作的文言短篇小说集。全书共有短篇小说491篇（张友鹤《聊斋志异会校会注会评本》，朱其铠《全本新注聊斋志异》为494篇）。题材广泛，内容丰富，艺术成就很高。作品成功地塑造了众多的艺术典型，人物形象鲜明生动，故事情节曲折离奇，结构布局严谨巧妙，文笔简练，描写细腻，堪称文言短篇小说的巅峰之作。
查看更多想要让广告大屏幕占满当前显示浏览器全屏、不带有圆角，只要添加 .jumbotron-fluid CSS修饰符，并在里面添加一个 .container 或 .container-fluid 内容空间即可。
桃花扇
《桃花扇》是一部表现亡国之痛的历史剧。作者将明末侯方域与秦淮艳姬李香君的悲欢离合同南明弘光朝的兴亡有机地结合在一起，塑造了一系列栩栩如生的人物形象，悲剧的结局突破了才子佳人大团圆的传统模式，男女之情与兴亡之感都得到哲理性的升华。