首页 > 其他分享 >前端学习-UI框架学习-Bootstrap5-005-颜色

前端学习-UI框架学习-Bootstrap5-005-颜色

时间:2024-03-28 15:55:27浏览次数:14  
标签:bg 颜色 danger text primary 学习 UI 005 Bootstrap5

菜鸟教程学习链接

字体颜色

Bootstrap 5 提供了一些有代表意义的颜色类:.text-muted, .text-primary, .text-success, .text-info, .text-warning, .text-danger, .text-secondary, .text-white, .text-dark, .text-body (默认颜色,为黑色) and .text-light:
可以设置文本颜色透明度为 50% ,使用 .text-black-50 或 .text-white-50 类:

背景颜色

提供背景颜色的类有: .bg-primary, .bg-success, .bg-info, .bg-warning, .bg-danger, .bg-secondary, .bg-dark 和 .bg-light。

标签:bg,颜色,danger,text,primary,学习,UI,005,Bootstrap5
From: https://www.cnblogs.com/ayubene/p/18101582

相关文章

  • BLE --- UUID 介绍
    UUID简介UUID是一种普遍唯一的标识符,期望在所有空间和所有时间内都是唯一的(更准确地说,独立生成的UUID相同的概率可以忽略不计)。可以以分布式方式独立创建uuid。不需要分配uid的中央注册中心。UUID是128位的值。为了减少存储和传输128位UUID值的负担,预先分配了一系列UUID值,以便......
  • [转][C#] Guid 一些常用方法
    在SQLServer里面,定义GUID类型的字段是:uniqueidentifier生成一个全是0组成的GUID的写法是:cast(cast(0asbinary)asuniqueidentifier)生成一个随机的GUID的写法是:SELECTNEWID()在C#里面,生成Guid的方法是:varnewid=Guid.NewGuid().ToString("d");......
  • 前端学习-UI框架学习-Bootstrap5-004-文字排版
    菜鸟教程链接Bootstrap5默认设置Bootstrap5默认的font-size为16px,line-height为1.5默认的font-family为"HelveticaNeue",Helvetica,Arial,sans-serif此外,所有的元素margin-top:0、margin-bottom:1rem(16px)h1-h6<template><divclass="con......
  • elementUI表单表头增加筛选
    1、增加过滤条件 2、定义数据,必须包含text以及value 3、使筛选的id与行内元素id一直进行筛选 4、对下拉icon大小更改 ......
  • ModuleNotFoundError: No module named ‘paddle.fluid.layers.utils‘关于paddle和pa
    训练模型时候发现的问题:1.ValueError:PretrainedConfiginstancenotfoundinthearguments,youcansetitasargsorkwargswithconfigfield2:ModuleNotFoundError:Nomodulenamed‘paddle.fluid.layers.utils‘对于第一个问题的发生,我先是检查uie-base,但是没......
  • 前端学习-UI框架学习-Bootstrap5-003-网格系统
    菜鸟教程链接Bootstrap提供了一套响应式、移动设备优先的流式网格系统,随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列规则网格每一行需要放在设置了.container(固定宽度)或.container-fluid(全屏宽度)类的容器中,这样就可以自动设置一些外边距与内边距。使......
  • Ant Design 设置必填属性的一个坑!Objects are not valid as a React child (found: ob
    1、刚开始,我是用第一种方式。通过一个变量,来设置必填属性的提示值 显示是没有问题的。但是点击ModalForm确认按钮时,报错ObjectsarenotvalidasaReactchild(found:objectwithkeys{requiredMsg}).Ifyoumeanttorenderacollectionofchildren,useanarray......
  • 软件测试技术分享丨uiautomator2详细使用方法
    本文转自测试人社区,原文链接:https://ceshiren.com/t/topic/53961.简介uiautomator2是一个自动化测试开源工具,仅支持android平台的自动化测试,其封装了谷歌自带的uiautomator2测试框架,可以运行在支持Python的任一系统上,目前版本为2.10.2开源库地址:https://github.com/ope......
  • 解决element-ui el-select数据过大方案
    一、背景项目中需要用到el-select选择医院,全国医院数据量非常大,通过API读取数据页面直接卡死。 二、解决方案1、组件:el-select+vue虚拟滚动(vue-virtual-scroll-list)2、安装:npminstallvue-virtual-scroll-list--save3、参考:NPM地址:https://www.npmjs.com/pack......
  • 推荐一个kafka可视化客户端GUI工具(Kafka King)
    KafkaKing,比较新,只需要填写kafka连接地址就行,不需要什么zookeeper。支持的功能也多:查看集群节点列表(完成)创建主题(支持批量)、删除主题、支持根据消费者组统计每个topic的消息积压量(完成)支持查看topic的分区的详细信息,并为主题添加额外的分区(完成)支持查看每个分区的消息offse......