bootstrap中语义化标签、字体风格、文本布局、列表排列、特殊字体颜色及特殊背景颜色 |
您所在的位置：网站首页 › bootstrap文本颜色代码 › bootstrap中语义化标签、字体风格、文本布局、列表排列、特殊字体颜色及特殊背景颜色 |
|
语义化标签： bootstrap中提供一些语义化标签，它们自带样式，这里介绍几个样式比较明显的语义化标签： hello hello img是用来引入图片的标签 hellobootstrap中不仅提供了标签定义文本，还提供了类样式来修改文本，需要用时只需要给某文本加上对应的类名即可，其常用总结如下(类名中大写字母为代号，请用描述中具体的值代替)： 类名描述.font-weight-X用来修饰字体粗细的，其中x的值可以是：bold加粗文本、 normal普通文本、 light更细文本.font-italic定义斜体.lead增大字体.small减小字体.text-P设置文本在某容器中的布局，其中P值有：left文本居左、center文本居中、right文本居右.text-O设置文本溢出父级容器时显示模式，其中O值有： justify超出时换行、 nowrap超出时不换行有滚动条.text-S设置英文文本大小写，其中S值有： lowercase转小写、 uppercase转大写、 capitalize首字母转大写.initialism将英文文本中小写转大写，将abbr标签中文本字号减小.list-unstyled清除列表ul、ol默认样式，并将列表紧靠父级元素左边排列.list-inline-item将一组ul或ol中有此类名的li放到同一行中显示，且li的样式被清除.pre-scrollable定义一个容器，当子级元素水平或垂直方向超出父级容器时，水平或垂直方向出现滚动条（此类是定义在pre标签中的，但是在其他容器也有效）字体颜色： bootstrap定义了一套具有意义的字体颜色，常用于链接、提示信息等字体的颜色，其类名及语义总结如下： 类名描述.text-muted淡黑色，表示柔和.text-primary淡蓝色， 表示重要.text-success淡绿色，表示执行成功.text-info淡靛色，表示提示. text-warning淡橙色，表示警告. text-danger红色，表示危险. text-secondary浅黑色，表示副级别，副标题. text-dark深灰色，可表示页面普通文本背景颜色： bootstrap同样定义了一套具有意义的背景颜色，常用于按钮等背景颜色，其具体如下： 类名描述.bg-light浅灰色，可表示页面普通背景.bg-primary淡蓝色， 表示重要.bg-success淡绿色，表示执行成功.bg-info淡靛色，表示提示.bg-warning淡橙色，表示警告.bg-danger红色，表示危险.bg-secondary浅黑色，表示副级别，副标题.bg-dark深灰色，可表示页面比较稳重的话背景提示：本文图片等素材来源于网络，若有侵权，请发邮件至邮箱：[email protected]联系笔者删除。 笔者：苦海 |
| CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |