列表组
基本示例
- 第一回 甄士隐梦幻识通灵 贾雨村风尘怀闺秀
- 第二回 贾夫人仙逝扬州城 冷子兴演说荣国府
- 第三回 贾雨村夤缘复旧职 林黛玉抛父进京都
- 第四回 薄命女偏逢薄命郎 葫芦僧乱判葫芦案
- 第五回 游幻境指迷十二钗 饮仙醪曲演红楼梦
列表(启用)状态
- 第六回 贾宝玉初试云雨情 刘姥姥一进荣国府
- 第七回 送宫花贾琏戏熙凤 宴宁府宝玉会秦钟
- 第八回 比通灵金莺微露意 探宝钗黛玉半含酸
- 第九回 恋风流情友入家塾 起嫌疑顽童闹学堂
- 第十回 金寡妇贪利权受辱 张太医论病细穷源
列表(禁用)状态
- 第十一回 庆寿辰宁府排家宴 见熙凤贾瑞起淫心
- 第十二回 王熙凤毒设相思局 贾天祥正照风月鉴
- 第十三回 秦可卿死封龙禁尉 王熙凤协理宁国府
- 第十四回 林如海捐馆扬州城 贾宝玉路谒北静王
- 第十五回 王凤姐弄权铁槛寺 秦鲸卿得趣馒头庵
链接和按钮
使用 <a>
或 <button>
来创建具有 hover、禁用、悬停和活动状态的列表组.list-group-item-action,我们分离这些Class样式,以确保由非交互元素组成的列表群组(如 <li>
或 <div>
)不提供可点击或触击(即可以用一个父<div>
代替<ul>
-译者注)。
请务必 不要在这里使用 .btn
标准样式。
第十六回 贾元春才选凤藻宫 秦鲸卿夭逝黄泉路
第十七回 大观园试才题对额 荣国府归省庆元宵
第十八回 皇恩重元妃省父母 天伦乐宝玉呈才藻
第十九回 情切切良宵花解语 意绵绵静日玉生香
第二十回 王熙凤正言弹妒意 林黛玉俏语谑娇音
使用<button>
元素,你还可以使用disabled
属性来达到禁用状态指示(或引用 .disabled
样式),不过这一属性不支持HTML5中的 <a>
标签。
Flush边缘对齐
加入 .list-group-flush
选择器,可以实现移除部分边框以及圆角,从而产生边缘贴齐的列表组,这在诸如Card卡片等容器中很实用(达成更好的呈现效果)。
- 第二十六回 蜂腰桥设言传心事 潇湘馆春困发幽情
- 第二十七回 滴翠亭杨妃戏彩蝶 埋香冢飞燕泣残红
- 第二十八回 蒋玉菡情赠茜香罗 薛宝钗羞笼红麝串
- 第二十九回 享福人福深还祷福 痴情女情重愈斟情
- 第三十回 宝钗借扇机带双敲 龄官划蔷痴及局外
上下文语境颜色呈现样式
- 第三十一回 撕扇子作千金一笑 因麒麟伏白首双星
- 第三十二回 诉肺腑心迷活宝玉 含耻辱情烈死金钏
- 第三十三回 手足耽耽小动唇舌 不肖种种大承笞挞
- 第三十四回 情中情因情感妹妹 错里错以错劝哥哥
- 第三十五回 白玉钏亲尝莲叶羹 黄金莺巧结梅花络
- 第三十六回 绣鸳鸯梦兆绛芸轩 识分定情悟梨香院
- 第三十七回 秋爽斋偶结海棠社 蘅芜苑夜拟菊花题
- 第五十七回 慧紫鹃情辞试忙玉 慈姨妈爱语慰痴颦
- 第五十八回 杏子阴假凤泣虚凰 茜纱窗真情揆痴理
情景式class也可以使用 .list-group-item-action
样式,注意,在上述示例中,不存在 hover
样式指示器,事实上它是支持的,而且还支持 .active
状态指示-我们可以应用它们在上下文情景列表组的项目上进行活动状态选择指示。
第五十九回 柳叶渚边嗔莺咤燕 绛云轩里召将飞符
第三十八回 林潇湘魁夺菊花诗 薛蘅芜讽和螃蟹咏
第三十九回 村姥姥是信口开合 情哥哥偏寻根究底
第四十回 史太君两宴大观园 金鸳鸯三宣牙牌令
第四十一回 栊翠庵茶品梅花雪 怡红院劫遇母蝗虫
第四十二回 蘅芜君兰言解疑癖 潇湘子雅谑补余香
第四十三回 闲取乐偶攒金庆寿 不了情暂撮土为香
第四十四回 变生不测凤姐泼醋 喜出望外平儿理妆
第四十五回 金兰契互剖金兰语 风雨夕闷制风雨词
引入badge微章
- 第四十六回 尴尬人难免尴尬事 鸳鸯女誓绝鸳鸯偶 14
- 第四十七回 呆霸王调情遭苦打 冷郎君惧祸走他乡 2
- 第四十八回 情人情误思游艺慕 雅女雅集苦吟诗 1
自定义内容
第四十九回 琉璃世界白雪红梅 脂粉香娃割腥啖膻
3天前话说香菱见众人正说笑,他便迎上去笑道:“你们看这一首。若使得,我便还学,若还不好,我就死了这作诗的心了。”说着,把诗递与黛玉及众人看时,只见写道是:
精华欲掩料应难,影自娟娟魄自寒。一片砧敲千里白,半轮鸡唱五更残。绿蓑江上秋闻笛,红袖楼头夜倚栏。第五十回 芦雪庵争联即景诗 暖香坞雅制春灯谜
3天前话说薛宝钗道:“到底分个次序,让我写出来。”说着,便令众人拈阄为序。起首恰是李氏,然后按次各各开出。凤姐儿说道:“既是这样说,我也说一句在上头。”众人都笑说道:“更妙了!”宝钗便将稻香老农之上补了一个“凤”字,李纨又将题目讲与他听。
凤姐儿想了半日,笑道:“你们别笑话我。我只有一句粗话,下剩的我就不知道了。”第五十一回 薛小妹新编怀古诗 胡庸医乱用虎狼药
3天前众人闻得宝琴将素习所经过各省内的古迹为题,作了十首怀古绝句,内隐十物,皆说这自然新巧。都争着看时,只见写道是:
赤壁怀古其一 赤壁沉埋水不流,徒留名姓载空舟。喧阗一炬悲风冷,无限英魂在内游。