1、文字
!>(空格)文字 表示黄色警告框
文字 表示黄色警告框
i>(空格)文字 表示蓝色信息框
文字 表示蓝色信息框
@>(空格)文字 表示银色引用框
文字 表示银色引用框
x>(空格)文字表示红色错误框
文字表示红色错误框
√>(空格)文字 表示绿色成功框
文字 表示绿色成功框
抖动文字
这里是你需要抖动的文字!
这里是你需要抖动的文字!
tag文字标签
tag 默认白色文字 /tagtag type=”primary” 紫色文字 /tagtag type=”info” 蓝色文字 /tagtag type=”warning” 黄色文字 /tagtag type=”danger” 红色文字 /tagtag type=”success” 绿色文字 /tagtag type=”dark” 黑色文字 /tag注意:tag 需要加方框 [ ]
2、图片居中缩小
参数:位置 align=center(中)、right(右),大小 width = 30%(大小比例) height = 30%(大小比例)
3、超级链接
[超链接名](超链接地址 “鼠标悬浮文字”)
4、图片
![图片描述](图片地址 “鼠标悬浮文字”)
5、表格
表格公式
表头|表头|表头:–|:–:|–:内容|内容|内容内容|内容|内容
表格参数
–: 设置内容和标题栏居右对齐。
:– 设置内容和标题栏居左对齐。
:–:设置内容和标题栏居中对齐。
6、字体
1、 删除线 文字前后加 ~~
~~这是要删除的文字~~
2、 斜体 文字前后加 *
*这是斜体文字*
3、 加粗 文字前后加 **
**这是加粗文字**
4、 斜体加粗 文字前后加 *
***这是加粗斜体文字***
7、代码
1、 单行代码 代码前后加 (~键)
2、 多行分段 代码前后加
(三个)
8、隐藏某行文字
9、警告框
警告框组件通过提供一些灵活的预定义消息
你可以
在这里
输入
文字
你可以
在这里
输入
文字
10、可用的变体
用下面的任何一个类即可改变标签的外观
DefaultPrimarySuccessInfoWarningDanger
DefaultPrimarySuccessInfoWarningDanger
11、进度条
1、堆叠效果
把多个进度条放入同一个.progress 中,使它们呈现堆叠的效果。
35% Complete (success)20% Complete (warning)10% Complete (danger)
代码
2、动画效果
为 .progress-bar-striped 添加 .active 类,使其呈现出由右向左运动的动画效果。IE9 及更低版本的浏览器不支持
45% Complete
代码
3、条纹效果
通过渐变可以为进度条创建条纹效果,IE9 及更低版本不支持。
40% Complete (success)
20% Complete
60% Complete (warning)
80% Complete (danger)
代码
4、根据情境变化效果
进度条组件使用与按钮和警告框相同的类,根据不同情境展现相应的效果。
40% Complete (success)
20% Complete
60% Complete (warning)
80% Complete (danger)
代码
5、低百分比进度条
展示很低的百分比时,如果需要让文本提示能够清晰可见,可以为进度条设置 min-width 属性
0%
2%
代码
6、带有提示标签的进度条
60%
代码
12、键盘按钮
使用 Ctrl+Alt+Del 重启电脑
Ctrl+Alt+Del
13、上下标注
演示如下:
H2O CO2
210
代码如下:
H2O CO2210
简单代码录入如上,更多高级使用方法,请找谷歌/度娘