bootstrap的text-muted和text-danger

最新推荐文章于 2022-06-30 20:33:04 发布
最新推荐文章于 2022-06-30 20:33:04 发布
阅读量2.6k 收藏
点赞数 1

bootstrap3 text-muted text-danger 强调色

1、和修改的版本对比

    2.3版本                                 3.0版本

.muted .text-muted
.text-error .text-danger
这些class通过颜色来表示强调。也可以应用于链接，当鼠标盘旋于链接上时，其颜色会变深，就像默认的链接样式。

2、实验代码：

[html] view plain copy 在CODE上查看代码片 派生到我的代码片
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  5.     <link rel="stylesheet" href="dist/css/bootstrap.css">  
  6.     <script type="text/javascript" src="dist/js/jquery.js"></script>  
  7.     <script type="text/javascript" src="dist/js/bootstrap.js"></script>  
  8. <title>无标题文档</title>  
  9. </head>  
  10.   
  11. <body style="margin:200px">  
  12.     <div class="container">  
  13.         <p class="text-muted">这个是text-muted属性的强调色！</p>  
  14.         <p class="text-primary">这个是text-primary属性的强调色！</p>  
  15.         <p class="text-success">这个是text-success属性的强调色！</p>  
  16.         <p class="text-info"> 这个是text-info属性的强调色！</p>  
  17.         <p class="text-warning">这个是text-warning属性的强调色！</p>  
  18.         <p class="text-danger">这个是text-danger属性的强调色！</p>  
  19.     </div>  
  20. </body>  
  21. </html>  

3、效果图：


跬步科技
关注
Bootstrap[03] 表单 按钮 图片 响应式工具
weixin_62026595的博客
05-03 558
一.表单： 1.基本表单： class="form-control"：可为<input> <textarea> <select>元素设置该属性，会将宽度设置为100% 2.内联表单： <form class="form-inline"> 3.表单组合： <div class="input-group"> <span class="input-group-addon"></span> <inp...
bootstrap4--页面基本设置
zxn200125的博客
12-14 1338
bootstrap中页面排版基本设置和相关css类的介绍
Bootstrap学习笔记系列6-----Bootstrap文本显示
aitukang0425的博客
11-23 638
通过对文本或者链接添加下面的类，会使其展示不同的颜色，如果文本是个链接，鼠标移动到文本上，颜色会变暗。 text-muted柔和的文本（深色） text-primary 表示基础的文本（蓝色） text-success 表示成功信息的文本（绿色） text-info 表示查看过信息的文本（深蓝色） text-warning承载值得注意信息的文本（土黄色） text-danger 表示危...
Bootstrap(文本)
weixin_45886797的博客
04-06 217
Bootstrap(标题设置) 标题 bootstrap对h1~h6的标题效果进行了覆盖 提供对应样式类名为非标题元素设置样式 .h1~h6 副标题 small标签 或(.small)类名 例如:hello 段落 通过.lead 可以突出强调内容(加大，加粗文本字号) 例:hello 小字号 加粗 斜体 文本强调(实际为提示颜色) 提示灰（text-muted）、主要蓝（text-primary）、成功绿（text-success）、信息蓝（text-info）、警告黄（text-warning）、危险
吴裕雄 Bootstrap 前端框架开发——Bootstrap 辅助类："text-muted" 类的文本样式
weixin_30634661的博客
05-19 658
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <link rel="stylesheet" href="https...
Bootstrap系列之文本（Text）
老__L的博客
06-03 2284
文本（Text）
Bootstrap常用的辅助类
覃庆奖
03-09 532
前言 学习Bootstrap的好处就是大大提高了前端的开发速度，节约成本，而今天所介绍的Bootstrap常用的辅助类，有文本，背景，还有元素的辅助类。 （1）文本辅助类 主要有（text-muted,text-primary,text-success,text-info,text-warning,text-warning,text-danger），文本辅助类，就是能显示出多样的文本颜色，这...
twitter-bootstrap-typography-demo
03-03
3. **链接样式**：Bootstrap的链接默认有下划线和蓝色，但可以使用`.text-decoration-none`去除下划线，`.text-primary`、`.text-success`、`.text-danger`等类改变颜色。同时，`<a>`标签的`:hover`、`:focus`和`:...
Bootstrap笔记--------排版
qq_45592947的博客
08-11 322
排版 <small> 可用于副标题，文本字体在h1-h3内，其大小都设置为当前字号的65%；而在h4~h6内的字号都设置为当前字号的75%； .lead 段落突出显示，增大文本字号，加粗文本，而且对行高和margin也做相应的处理，类似还有<strong>/<b>(粗体) <em>/<i>（斜体） <cite> 颜色强调 .text-muted：提示，使用浅灰色（#999） .text-primary：主要，使用蓝色（#428bca）
bootstrap text 样式
weixin_30952103的博客
01-27 368
<br> <h3>示例2</h3> <form role="form"> <div class="form-group has-success has-feedback"> <label class="control-label" for="inputSuccess1">成功状态</labe...
学习 Bootstrap 5 之 Text
qq_37354060的博客
01-22 2238
学习 Bootstrap 5 之 文本文本 (Text) 文本 (Text) Bootstrap 5 官方文档
Bootstrap 基本样式-文本
litengbin的博客
01-19 5419
1 : 淡灰色文本    text-muted 2 : 强调的文本    text-primary 3 : 操作成功文本    text-success 4 : 提示信息文本    text-info 5 : 警告文本    text-warning 6 : 危险操作文本    text-danger 淡灰色文本 淡灰色，常用在说明性文字 muted强调
Bootstrap3基础 bg-danger/info... 辅助类样式 背景文本颜色
weixin_33991727的博客
03-17 1251
  内容 参数   OS   Windows 10 x64   browser   Firefox 65.0.2   framework     Bootstrap 3.3.7   editor   Visual Studio Code 1.32.1     typesetting   Markdown   code <!DOCTYPE html> ...
Bootstrap（一）
博客
06-30 2074
Container容器和container-fluid容器最大的不同之处在于宽度的设定。Container容器根据屏幕宽度的不同，会利用媒体查询设定固定的宽度，当改变浏览器的大小时，页面会呈现阶段性变化。意味着Container容器的最大宽度在每个断点都发生变化。 网格选项 网格系统在各种屏幕和设备上的约定:.row.col-auto.w-100 换行的网格系统包括五种宽度预定义，用于 构建复杂的响应布局，可以根据需要定义在特小 小 中、 大*、 特大 超大*五种屏幕(设备)下的样式。 1.覆盖所有设备 2
吴裕雄 Bootstrap 前端框架开发——Bootstrap 辅助类："text-warning" 类的文本样式
weixin_30482181的博客
05-19 478
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <link rel="stylesheet" href="https...
Bootstrap基础
m0_47256303的博客
09-18 361
1、container/container-fluid的区别 容器类： .container 类用于固定宽度并支持响应式布局的容器 .container-fluid 类用于100% 宽度，占据全部视口（viewport）的容器 网格类: Bootstrap 4 网格系统有以下 5 个类: .col- 针对所有设备 .col-sm- 平板 - 屏幕宽度等于或大于 576px .col-md- 桌面显示器 - 屏幕宽度等于或大于 768px) .col-lg- 大桌面显示器 - 屏幕宽度等于或大于 992px
吴裕雄 Bootstrap 前端框架开发——Bootstrap 辅助类："text-danger" 类的文本样式
weixin_30532837的博客
05-19 738
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <link rel="stylesheet" href="https...
MVC Razor语法的一点研究（关于 @Html.ValidationSummary("",new { @class = "text-danger" })）
festone000的专栏
06-25 3105
怎样从控制器后台添加错误信息到浏览器显示。 手工添加错误信息（在后台的控制器函数中如此添加）， ModelState.AddModelError("", "111111111"); 这个会显示到@Html.ValidationSummary()
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值