标签
青春校园历史小说当代小说都市小说科幻小说名人传记悬疑小说古文典籍玄幻仙侠言情小说国外名著武侠小说儿童文学
按钮效果
折叠效果
普通折叠效果
Link with href 笑谈渴饮匈奴血，壮志饥餐胡虏肉。
手风琴效果
话说大宋开基之主太祖赵匡胤，此位天子，原乃上界赤龙临凡，英雄猛勇，豪侠情怀，创开四百年天下。陈桥兵变，黄袍加身，代位于后周而归一统。前书已有《两宋》表明，兹不絮谈。且说大宋相传继统四世仁宗嘉佑王，当时天子英明，群臣为国，四方宁靖，百姓安康。前者宋太祖既殁之后，杨家父子众英雄相继而亡。今者人得五虎，英雄佐粥，保护江山，扫除国敌。后话休题多表。忽一日，仁宗天子临朝。但见祥光灿烂，瑞色辉煌。
且说三关狄元帅平生梗直，铁性无私，智勇双全。自从幼年山西家乡遭逢水难，王禅老祖救了他，带上水帘洞传授兵书武略，知他仙道无缘，王侯有位。学艺数年，命他下山扶助宋君，原是一条国栋金梁，与单单赛花公主有宿世良缘。自从押送征衣，上年大破西辽，仁宗天子知他英勇，杨宗保败亡，便封他镇守此关。号令威严，兵遵将应，就是朝中文武，何人不看重这小英雄？
话说狄元帅奉旨征代西辽，以为本事高强，所以只带得五万雄兵，四员虎将。点兵三千，令焦廷贵为前部先锋，点孟定国领兵三千为后队解粮官，大队人马排开行伍向西辽大道而行。且喜天色晴明，风和日暖，正是行兵的时候。一自出了雄关，行有十余天，人烟稠密地方还属中原辖管，也有文官武职接送，纷纷不绝不断。元帅一路甚是安然，日行程夜睡宿，不再烦谈。
幻灯片一
列表组
- 神箭连飞，穿云惊小侠 飞刀一掷，劈果救佳人
- 峻岭飞骑，仇家窥帐幕 金针解穴，医道配神功
- 为避强仇 逃生来塞外 欲寻侠士 冒险上冰峰
- 湖畔寄情 拐仙施妙手 冰河怪影 天女慑群豪
- 流水落花 深仇伤寂寞 珠宫贝阙 往事诉辛酸
给列表组加入徽章组件，它会自动被放在右边。
- 14 天女飞花 仙姝应有恨 冰川映月 骚客动芳心
- 2 剑气射珠宫 亦真亦幻 柔情联彩笔 宜喜宜嗔
- 1 沧海桑田 仙山伤劫后 白云苍狗 侍女话前因
用 <a>标签代替 <li>标签可以组成一个全部是链接的列表组（还要注意的是，我们需要将 <ul>标签替换为 <div>标签）。没必要给列表组中的每个元素都加一个父元素。
列表组中的元素也可以直接就是按钮（也同时意味着父元素必须是 <div>而不能用 <ul>了），并且无需为每个按钮单独包裹一个父元素。注意不要使用标准的 .btn类！
为 .list-group-item添加 .disabled类可以让单个条目显示为灰色，表现出被禁用的效果。
为列表中的条目添加情境类，默认样式或链接列表都可以。还可以为列表中的条目设置 .active状态。
- Dapibus ac facilisis in
- Cras sit amet nibh libero
- Porta ac consectetur ac
- Vestibulum at eros
列表组中的每个元素都可以是任何 HTML 内容，甚至是像下面的带链接的列表组。
List group item heading
Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
List group item heading
Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
List group item heading
Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.