From bdfad3cb1c03712827cb28ed1a1b599a815d176a Mon Sep 17 00:00:00 2001 From: bicijinlian Date: Mon, 24 Apr 2023 01:01:00 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E9=A2=9C=E8=89=B2=E4=B8=8E=E8=83=8C?= =?UTF-8?q?=E6=99=AF?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../wwwroot/index.html | 8 +++ .../pages/Helpers/颜色与背景.html | 65 +++++++++++++++++++ 2 files changed, 73 insertions(+) create mode 100644 BlazorStudy.Bootstrap5Study/wwwroot/pages/Helpers/颜色与背景.html diff --git a/BlazorStudy.Bootstrap5Study/wwwroot/index.html b/BlazorStudy.Bootstrap5Study/wwwroot/index.html index 1523b94..78f1eaf 100644 --- a/BlazorStudy.Bootstrap5Study/wwwroot/index.html +++ b/BlazorStudy.Bootstrap5Study/wwwroot/index.html @@ -29,6 +29,14 @@ 布局页 +
+
+ 辅助菜单 +
+ +
diff --git a/BlazorStudy.Bootstrap5Study/wwwroot/pages/Helpers/颜色与背景.html b/BlazorStudy.Bootstrap5Study/wwwroot/pages/Helpers/颜色与背景.html new file mode 100644 index 0000000..e909aa7 --- /dev/null +++ b/BlazorStudy.Bootstrap5Study/wwwroot/pages/Helpers/颜色与背景.html @@ -0,0 +1,65 @@ + + + + + 颜色与背景 + + + + + + + +
+
+
+ 颜色与背景:设置具有对比前景色的背景色 +
+
+
Primary 具有对比色的主色 .text-bg-primary
+
具有对比色的次色 .text-bg-secondary
+
具有对比色的成功色 .text-bg-success
+
具有对比色的危险色 .text-bg-danger
+
具有对比色的警告色 .text-bg-warning
+
具有对比色的信息色 .text-bg-info
+
具有对比色的㳀色 .text-bg-light
+
具有对比色的深色 .text-bg-dark
+
+ +
+
+
+ 在组件和样式类中使用:比如 徽章等, 使用样式类: .text-* .bg-* +
+
+

badge中使用

+ Primary + Info + +

card 中使用

+
+
头部
+
+

一些快速的示例文本,以卡片标题为基础,构成卡片的大部分内容。使用 .card-text 新式类

+
+
+
+
头部
+
+

整个卡片div中使用样式类 .text-bg-info

+
+
+
+ +
+
+ + + + + + \ No newline at end of file