千家信息网

bootstrap中的文本类有哪些

发表于:2026-11-03 作者:千家信息网编辑
千家信息网最后更新 2026年11月03日,这篇文章主要讲解了"bootstrap中的文本类有哪些",文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习"bootstrap中的文本类有哪些"吧!boots
千家信息网最后更新 2026年11月03日bootstrap中的文本类有哪些

这篇文章主要讲解了"bootstrap中的文本类有哪些",文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习"bootstrap中的文本类有哪些"吧!

bootstrap中包含有很多文本类:".text-muted"、".text-primary"、".text-success"、".text-info"、".text-warning"、".text-danger"、".small"等等。

本教程操作环境:Windows7系统、bootsrap3.3.7版、DELL G3电脑

源代码:

运行效果:

说明:

文本颜色类

以下不同的类展示了不同的文本颜色。如果文本是个链接鼠标移动到文本上会变暗:

类描述
.text-muted"text-muted" 类的文本样式
.text-primary"text-primary" 类的文本样式
.text-success"text-success" 类的文本样式
.text-info"text-info" 类的文本样式
.text-warning"text-warning" 类的文本样式
.text-danger"text-danger" 类的文本样式

文本排版类

类描述
.small设定小文本 (设置为父文本的 85% 大小)
.text-left设定文本左对齐
.text-center设定文本居中对齐
.text-right设定文本右对齐
.text-justify设定文本对齐,段落中超出屏幕部分文字自动换行
.text-nowrap段落中超出屏幕部分不换行
.text-lowercase设定文本小写
.text-uppercase设定文本大写
.text-capitalize设定单词首字母大写

其他:

类描述
.text-hide将页面元素所包含的文本内容替换为背景图

感谢各位的阅读,以上就是"bootstrap中的文本类有哪些"的内容了,经过本文的学习后,相信大家对bootstrap中的文本类有哪些这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是,小编将为大家推送更多相关知识点的文章,欢迎关注!

文本 样式 内容 学习 不同 大写 屏幕 段落 部分 颜色 中超 元素 单词 大小 字母 小写 就是 思路 情况 效果 数据库的安全要保护哪些东西 数据库安全各自的含义是什么 生产安全数据库录入 数据库的安全性及管理 数据库安全策略包含哪些 海淀数据库安全审计系统 建立农村房屋安全信息数据库 易用的数据库客户端支持安全管理 连接数据库失败ssl安全错误 数据库的锁怎样保障安全 互联网科技有限公司 互联网和科技技术 互联网科技有限公司经营范围 广州宏创互联网科技 互联网科技缩写 融贸通互联网科技 青岛中康互联网医疗科技有限公司 上海宁丞科技互联网 广西互联网科技孵化中心 佛山市翊博互联网络科技有限公司 佛山市拉法互联网科技有限公司 用友工业互联网科技发展 徐州市互联网科技有限公司 山东有哪些互联网科技公司 西安有哪些互联网高科技企业 科技互联网公司两年变化 长沙易易互联网科技有限公司 互联网高科技绘画 现代科技的标志之一的互联网 六子台科技互联网展会 互联网科技有限公司 今日互联网科技 嘟嘟瓜互联网科技 伴你行互联网科技有限公司 广州紫鲸互联网科技 镁科技互联网资讯平台 团飞科技与伯堂互联网服务平台 领航科技大厦互联网公司 珠海东科互联网科技有限公司 好易买互联网科技
0