辅助类

最新推荐文章于 2021-11-06 10:47:17 发布
最新推荐文章于 2021-11-06 10:47:17 发布
阅读量214 收藏
点赞数
分类专栏： bootstrap 文章标签： bootstrap
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/q812258983/article/details/78769211
版权

辅助类
Bootstrap 在布局方面提供了一些细小的辅组样式，用于文字颜色以及背景色的设置、显示关闭图标等等。

情景背景色
样式 描述
text-muted 柔和灰
text-primary 主要蓝
text-success 成功绿
text-info 信息蓝
text-warning 警告黄
text-danger 危险红
各种色调的背景

BOOTSTRAP

BOOTSTRAP

BOOTSTRAP

BOOTSTRAP

BOOTSTRAP

BOOTSTRAP

关闭按钮
×
三角符号

快速浮动
注：这个浮动其实就是 float，只不过使用了!important 加强了优先级。

aaaa

块级居中

居中

清理浮动


aaaa



显示和隐藏

show

响应式工具
在媒体查询时，针对不同的屏幕大小，有时需要显示和隐藏部分内容。响应式工具类，就提供了这种解决方案。

超小屏幕激活显示

aaa

超小屏幕激活隐藏

注：对于显示的内容，有三种变体，分别为：block、inline-block、inline

不要叫我小俊俊
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
C#事件辅助类
星火的专栏
05-22 712
public class EventHelper     {         private static SynchronizationContext m_sc;         public static void Init()         {             SC = SynchronizationContext.Current;         }
bootstrap-辅助类-情境文本颜色
weixin_34146986的博客
02-15 184
说明通过颜色来展示意图，Bootstrap提供了一组工具类。这些类可以应用于链接，并且在鼠标经过时颜色可以还可以 加深，就像默认的链接一样示例<!DOCTYPEhtml> <htmllang="zh-CN"> <head> <metacharset="utf-8"> <metahttp-...
Bootstrap辅助类
遇见更好的自己
06-12 589
1.文本.text-muted:文字的颜色换成灰色 .text-primary:文字的颜色变成蓝色 .text-success:文字的颜色变成绿色 .text-info:文字的颜色变成暗蓝色 .text-warning:文字颜色变成暗黄色 .text-danger：文字的颜色变成红色 2.背景.bg-primary:背景变为蓝色 .bg-success:背景为浅绿色 .bg-info:背景为浅蓝色
Bootstrap学习记录【3】【一些对文本和列表的设置】
qq_41670382的博客
03-02 287
Bootstrap学习记录【2】 1.标题 既有直接对h1到h6标签进行样式覆盖，即直接使用标签就已经进行了样式更改； 也提供了h1到h6的类名，为非标题元素设置样式： 如： <div class="h2">你好</div> 2.副标题 在标题后面跟着<small>标签或使用.small 3.段落 可通过.lead增大文本字号，加粗文本，对行高和margin作出相应处理 另外还有： <small> 小号字 <b>/<strong>
Bootstrap 基本样式-文本
litengbin的博客
01-19 5343
1 : 淡灰色文本    text-muted 2 : 强调的文本    text-primary 3 : 操作成功文本    text-success 4 : 提示信息文本    text-info 5 : 警告文本    text-warning 6 : 危险操作文本    text-danger 淡灰色文本 淡灰色，常用在说明性文字 muted强调
Utils辅助类
12-22
Utils辅助类在Android开发中扮演着重要角色，它们是一些预先编写好的静态方法集合，用于执行常见的、重复的任务，以提高代码的复用性和可维护性。这些类通常不持有任何状态，因此可以被多个对象安全地调用，无需担心...
基于SqlSuagr封装的辅助类
05-21
在标题和描述中提到的“基于SqlSugar封装的辅助类”是指开发人员为了方便日常数据库操作，对SqlSugar库进行了进一步的封装，创建了一些辅助工具类。这些辅助类通常会提供更直观、易用的方法，简化数据库查询、插入、...
Bootstrap 辅助类
12-14
Bootstrap 辅助类 本章将讨论 Bootstrap 中的一些可能会派上用场的辅助类。 文本 以下不同的类展示了不同的文本颜色。如果文本是个链接鼠标移动到文本上会变暗： 类 描述 实例 .text-muted “text-muted” 类...
Java中的5种同步辅助类介绍
09-04
Java中的同步辅助类是用于控制并发执行和线程间协作的重要工具，它们提供了比`synchronized`关键字和`wait/notify`机制更为高级和灵活的同步机制。以下将详细介绍五种常用的同步辅助类： 1. **Semaphore（信号量）*...
100个C#辅助类
12-23
在C#编程中，辅助类（Helper Class）是一种常见的设计模式，它提供了一种封装特定功能的方法，使得代码更加模块化、易于理解和维护。"100个C#辅助类"这个压缩包很可能包含了多种实用的C#类，每个类都针对一个或多个...
吴裕雄 Bootstrap 前端框架开发——Bootstrap 辅助类："text-primary" 类的文本样式
weixin_30399155的博客
05-19 375
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <link rel="stylesheet" href="https...
bootstrap常用类
qq_42041288的博客
08-06 875
bootstrap常用类 一．文本 1）对齐方式 text-left 文本左对齐 =======> text-align：left text-center 文本居中对齐 text-right 文本右对齐 text-justify 文本两端对齐 text-nowrap 不换行 text-lowercase 小写 text-uppercase 大写 text-capitalize 首字母大写 2...
Bootstrap常用的公共样式
lihui61357457的博客
11-06 752
详情可见 1.文字颜色 1.文字颜色 柔和灰（text-muted） 主要蓝（text-primary） 次要灰（text-secondary） 成功绿（text-success） 危险红（text-danger） 警告黄（text-warning） 危息绿（text-info） 黑白对比（text-dark） 注意点: .text-white 、 .text-muted这两个样式不支持链接上使用 <p class="tex
bootstrap辅助类（９）
qq_43687284的博客
12-28 296
文本 以下不同的类展示了不同的文本颜色。如果文本是个链接鼠标移动到文本上会变暗： 类 描述 实例 .text-muted “text-muted” 类的文本样式 .text-primary “text-primary” 类的文本样式 .text-success “text-success” 类的文本样式 .text-info “text-info” 类的文本样式 .text-warning...
《1+X证书 web前端》-bootstrap4知识点总结2
李书明(石家庄)的专栏
10-29 687
Bootstrap 4 默认设置 Bootstrap 4 默认的font-size为 16px,line-height为 1.5。 默认的font-family为 "Helvetica Neue", Helvetica, Arial, sans-serif。 此外，所有的<p>元素margin-top: 0、margin-bottom: 1rem(16px...
Bootstrap-全局样式的文本颜色,背景颜色和按钮颜色
苏木瑾
04-10 2976
记录学习笔记 .text-五种颜色 文本颜色 .text-info文本浅蓝颜色-提示 .text-warning文本黄色-警告颜色 .text-success文本绿色-成功颜色 .text-primary文本深蓝色-警告颜色 .bg-五中颜色 背景颜色 .bg-danger文本红色背景 .bg-success文本绿色背景 .bg-info文本浅蓝色背景 .bg-warnin...
Bootstrap 3.3.7学习笔记4
fengxueem
06-15 737
Bootstrap 3.3.7学习笔记4text以及background辅助class.text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-
bootstrap的text-muted和text-danger
热门推荐
ling811的专栏
11-25 2万+
1、和修改的版本对比     2.3版本                                 3.0版本 .muted .text-muted .text-error .text-danger 这些class通过颜色来表示强调。也可以应用于链接，当鼠标盘旋于链接上时，其颜色会变深，就像默认的链接样式。 2、实验代码：
学习Bootstrap（三）——文本，强调，对齐
cody_cat的博客
12-27 1348
三. 正文文本来自慕课网 Bootstrap中为文本设置了一个全局的文本样式（这里所说的文本是指正文文本）：1、全局文本字号为14px(font-size)。2、行高为1.42857143（line-height），大约是20px(大家看到一串的小数或许会有疑惑，其实他是通过LESS编译器计算出来的，当然Sass也有这样的功能)。3、颜色为深灰色（#333）；4、字体为”Helvetica Neu
.net json 辅助类
最新发布
08-14
.NET JSON 辅助类是用于在.NET开发环境下处理JSON数据的工具类。在.NET中，可以使用多种方式来处理JSON数据，而辅助类可以简化和加速开发过程。 辅助类提供了一系列的方法和属性，可以方便地进行JSON数据的解析和...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值