标签

青春校园 历史小说 当代小说 都市小说 科幻小说 名人传记 悬疑小说 古文典籍 玄幻仙侠 言情小说 国外名著 武侠小说 儿童文学

按钮效果

折叠效果

普通折叠效果
笑谈渴饮匈奴血,壮志饥餐胡虏肉。

手风琴效果
话说大宋开基之主太祖赵匡胤,此位天子,原乃上界赤龙临凡,英雄猛勇,豪侠情怀,创开四百年天下。陈桥兵变,黄袍加身,代位于后周而归一统。前书已有《两宋》表明,兹不絮谈。且说大宋相传继统四世仁宗嘉佑王,当时天子英明,群臣为国,四方宁靖,百姓安康。前者宋太祖既殁之后,杨家父子众英雄相继而亡。今者人得五虎,英雄佐粥,保护江山,扫除国敌。后话休题多表。忽一日,仁宗天子临朝。但见祥光灿烂,瑞色辉煌。
且说三关狄元帅平生梗直,铁性无私,智勇双全。自从幼年山西家乡遭逢水难,王禅老祖救了他,带上水帘洞传授兵书武略,知他仙道无缘,王侯有位。学艺数年,命他下山扶助宋君,原是一条国栋金梁,与单单赛花公主有宿世良缘。自从押送征衣,上年大破西辽,仁宗天子知他英勇,杨宗保败亡,便封他镇守此关。号令威严,兵遵将应,就是朝中文武,何人不看重这小英雄?
话说狄元帅奉旨征代西辽,以为本事高强,所以只带得五万雄兵,四员虎将。点兵三千,令焦廷贵为前部先锋,点孟定国领兵三千为后队解粮官,大队人马排开行伍向西辽大道而行。且喜天色晴明,风和日暖,正是行兵的时候。一自出了雄关,行有十余天,人烟稠密地方还属中原辖管,也有文官武职接送,纷纷不绝不断。元帅一路甚是安然,日行程夜睡宿,不再烦谈。

幻灯片一

幻灯片二

幻灯片三

列表组

  • 神箭连飞,穿云惊小侠 飞刀一掷,劈果救佳人
  • 峻岭飞骑,仇家窥帐幕 金针解穴,医道配神功
  • 为避强仇 逃生来塞外 欲寻侠士 冒险上冰峰
  • 湖畔寄情 拐仙施妙手 冰河怪影 天女慑群豪
  • 流水落花 深仇伤寂寞 珠宫贝阙 往事诉辛酸

给列表组加入徽章组件,它会自动被放在右边。

  • 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 内容,甚至是像下面的带链接的列表组。

徽章

收件箱 42