子页面打开TAB页签
<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-dividernone

$breadcrumb-divider: none;
无障碍处理

为了为障碍浏览提供方便,针对面包屑这样具备导航功能的模块,建议添加一个有意义的标签即 aria-label="breadcrumb" 來描述 <nav> 元素,以及使用 aria-current="page" 到这组导航的最后一个项目,以标明当前页面名称(路径)

经典幻灯片效果
带控制器的效果
包含姿态指示器
包含字幕的轮播
切换效果
单个 .carousel-item 间隔
折叠效果

宝玉听了,心下纳闷,只得踱到潇湘馆,瞧黛玉益发瘦的可怜,问起来,比往日已算大愈了。黛玉见他也比先大瘦了,想起往日之事,不免流下泪来,些微谈了谈,便催宝玉去歇息调养。宝玉只得回来。因记挂着要问芳官那原委,偏有湘云香菱来了,正和袭人芳官说笑,不好叫他,恐人又盘诘,只得耐着。
一时芳官又跟了他干娘去洗头。他干娘偏又先叫了他亲女儿洗过了后,才叫芳官洗。芳官见了这般,便说他偏心,“把你女儿剩水给我洗。我一个月的月钱都是你拿着,沾我的光不算,反倒给我剩东剩西的。”他干娘羞愧变成恼,便骂他:“不识抬举的东西!怪不得人人说戏子没一个好缠的。
手风琴效果
离送灵日不远,鸳鸯、琥珀、翡翠、玻璃四人都忙着打点贾母之物,玉钏、彩云、彩霞等皆打叠王夫人之物,当面查点与跟随的管事媳妇们。跟随的一共大小六个丫鬟,十个老婆子媳妇子,男人不算。连日收拾驮轿器械。鸳鸯与玉钏儿皆不随去,只看屋子。一面先几日预发帐幔铺陈之物,先有四五个媳妇并几个男人领了出来,坐了几辆车绕道先至下处,铺陈安插等候。
话说袭人因问平儿,何事这样忙乱。平儿笑道:“都是世人想不到的,说来也好笑,等几日告诉你,如今没头绪呢,且也不得闲儿。”一语未了,只见李纨的丫鬟来了,说:“平姐姐可在这里,奶奶等你,你怎么不去了?”平儿忙转身出来,口内笑说:“来了,来了。”袭人等笑道:“他奶奶病了,他又成了香饽饽了,都抢不到手。”平儿去了不提。
正说着,只听门内又有老婆子向外叫:“小猴儿们,快传你柳婶子去罢,再不来可就误了。”柳家的听了,不顾和小厮说话,忙推门进去,笑说:“不必忙,我来了。”一面来至厨房,——虽有几个同伴的人,他们都不敢自专,单等他来调停分派——一面问众人:“五丫头那去了?”众人都说:“才往茶房里找他们姊妹去了。”
超大屏幕

这是一个轻量、灵活的组件,可以选择性地扩展整个视口,以展示您网站上的关键营销信息。

聊斋志异

《聊斋志异》简称《聊斋》,俗名《鬼狐传》,是中国清朝著名小说家蒲松龄创作的文言短篇小说集。


《聊斋志异》简称《聊斋》,俗名《鬼狐传》,是中国清代著名小说家蒲松龄创作的文言短篇小说集。全书共有短篇小说491篇(张友鹤《聊斋志异会校会注会评本》,朱其铠《全本新注聊斋志异》为494篇)。题材广泛,内容丰富,艺术成就很高。作品成功地塑造了众多的艺术典型,人物形象鲜明生动,故事情节曲折离奇,结构布局严谨巧妙,文笔简练,描写细腻,堪称文言短篇小说的巅峰之作。

查看更多

想要让广告大屏幕占满当前显示浏览器全屏、不带有圆角,只要添加 .jumbotron-fluid CSS修饰符,并在里面添加一个 .container.container-fluid 内容空间即可。

桃花扇

《桃花扇》是一部表现亡国之痛的历史剧。作者将明末侯方域与秦淮艳姬李香君的悲欢离合同南明弘光朝的兴亡有机地结合在一起,塑造了一系列栩栩如生的人物形象,悲剧的结局突破了才子佳人大团圆的传统模式,男女之情与兴亡之感都得到哲理性的升华。