Bootstrap-样式索引

Posted 2022-09-29 yangjiale

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Bootstrap-样式索引相关的知识，希望对你有一定的参考价值。

排版
标题 `h1-h6`
副标题 `small .text-muted`
大标题 `.display`
段落 `p`
突出段落 `.lead`
内联文本样式
高亮 `mark .make`
~~删除文本~~ `del`
~~无用文本~~ `s`
插入文本 `ins`
下划线 `u`
小号文本 `small .small`
着重文本 `strong b`
斜体 `em i`
大小写 `.text-lowercase/uppercase/capitalize`
对齐 `.text-left/center/right/justify .text-nowrap`
引用 `.blockquote`
引用来源 `.blockquote-footer`
列表
无样式 `.list-unstyled`
内联 `.list-inline`
描述 `dl dt dd`
缩略语 `abbr .initialism`

表格
基本样式 `.table if+(.table-dark)dark`
表头样式 `.thead-light .thead-dark !onlyForThead`
条纹样式 `.table-striped`
添加边框 `.table-bordered`
移除所有边框 `.table-borderless`
鼠标hover效果 `.table-hover`
紧缩表格 `.table-sm`
状态类 `!forTr/td`
活动 `.table-active`
主要`.table-primary`
次要 `.table-secondary`
成功 `.table-success`
危险 `.table-danger`
警告 `.table-warning`
信息 `.table-info`
明亮 `.table-light`
黑暗 `.table-dark`
标题 `caption`
响应式表格
默认 `.table-responsive !alwayFixedW if(dontShowAll)+scroll`
指定断点 `.table-responsive-sm\|-md\|-lg\|-xl !>size:100%,<size:+scroll`

插图/图片区 `.figure .figure-img .figure-caption`

以上是关于Bootstrap-样式索引的主要内容，如果未能解决你的问题，请参考以下文章