bootstrap的图标、样式使用说明
发表于:2025-02-02 作者:千家信息网编辑
千家信息网最后更新 2025年02月02日,本篇内容主要讲解"bootstrap的图标、样式使用说明",感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习"bootstrap的图标、样式使用说明"吧!1、小图
千家信息网最后更新 2025年02月02日bootstrap的图标、样式使用说明
本篇内容主要讲解"bootstrap的图标、样式使用说明",感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习"bootstrap的图标、样式使用说明"吧!
1、小图标使用说明
图标说明:http://www.wapadd.cn/icons/awesome/index.htm
详情 搜索
2、元素背景颜色
我们先来看看元素背景的颜色有哪几种?
一共五种背景色:分别是 bg-primary bg-success bg-info bg-warning bg-danger
我是bg-primary
我是bg-success
我是bg-info
我是bg-warning
我是bg-danger
我们可以看到背景颜色的样式分别为:.bg-primary{ background-color:#337ab7; }.bg-success{ background-color:#dff0d8; }.bg-info{ background-color:#d9edf7 ; }.bg-warning{ background-color:#fcf8e3 ; }.bg-danger{ background-color:#f2dede ; }我们可以根据需要对这些样式进行选取和修改;
3、文本颜色,Bootstrap.css
我是muted
我是primary
我是success
我是info
我是warning
我是danger
默认情况下bootstrap给出的文本颜色样式为:
.text-muted{ color: #777 ; }
.text-primary{ color: #337ab7 ; }
.text-success{ color: #3c763d ; }
.text-info{ color: #31708f ; }
.text-warning{ color: #8a6d3b ; }
.text-danger{ color: #a94442 ; }
我们也可以基于这些样式进行修改和添加,得到符合自己需求的样式;
4、以下这些可以通过媒体查询结合大型、小型和中型设备,实现内容对设备的显示和隐藏
到此,相信大家对"bootstrap的图标、样式使用说明"有了更深的了解,不妨来实际操作一番吧!这里是网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!
样式
图标
颜色
使用说明
背景
内容
元素
文本
设备
学习
查询
实用
更深
兴趣
可以通过
媒体
实用性
实际
情况
操作简单
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
mc 服务器配置文件
工行软件开发中心介绍
软件开发图表
软件开发资源需求怎么写
linux服务器安装三块网卡
工商银行软件开发笔题
有服务器事业单位再考其他的
自学软件开发能干什么
军职在线网络安全技术答案
学习云计算要用几台阿里云服务器
公安机关网络安全工作会议讲话
智能取衣柜软件开发
温州市模具公司erp软件开发
画图工具 软件开发
对数据库管理系统评价的主要指标
数据库的事务对象
oracle数据库变慢
迅捷网络安全吗
软件开发什么叫统计开 发
无锡激光工控机服务器
安卓软件开发方案报价
计算机网络技术人员初级
mysql 从服务器
网络安全绑定手机号什么意思
虹口区软件开发信息中心
通过kali学习网络安全
网络安全防范和应急处置
郑州前端软件开发招聘信息
网络技术专业属于计算机专业吗
成都安卓智能软件开发公司