.text-success"text-success" 类的文本样式尝试一下 .text-info"text-info" 类的文本样式尝试一下 .text-warning"text-warning" 类的文本样式尝试一下 .text-danger"text-danger" 类的文本样式尝试一下 背景 以下不同的类展示了不同的背景颜色。 如果文本是个链接鼠标移动到文本上会变暗: ...
一. 文本强调基本样式 .text-muted:提示,使用浅灰色(#999) .text-primary:主要,使用蓝色(#428bca) .text-success:成功,使用浅绿色(#3c763d) .text-info:通知信息,使用浅蓝色(#31708f) .text-warning:警告,使用黄色(#8a6d3b) .text-danger:危险,使用褐色(#a94442) 这个几个样式类主要作用于文本,这里...
这个是text-primary属性的强调色! 这个是text-success属性的强调色! 这个是text-info属性的强调色! 这个是text-warning属性的强调色! 这个是text-danger属性的强调色! 结果为:
1.文本颜色变浅:class为【text-muted】.2.首选文本:class为【text-primary】。3.成功文本:class为【text-success】。4.信息文本:class为【text-info】。5.警告文本:class为【text-warning】。6.危险文本:class为【text-danger】。背景颜色可以分为五种 ——1.首选背景:class为【bg-primary】。2.成功背景...
.text-danger:危险,使用褐色(#a94442) 这个几个样式类主要作用于文本,这里要注意text-* 这里的后缀,在Bootstrap中会非常常用,其颜色值基本根据后缀固定了 二. 基本使用方式 .text-muted 效果 .text-primary效果 .text-success效果 .text-info效果 .text-warning效果 .text-danger效果 1. 2. 3. 4....
text-primary、text-danger:用于设置不同颜色的文本颜色。 示例代码: 代码语言:javascript 复制 这是一个蓝色背景的文本。这是红色的文本。 这些样式可用于创建视觉吸引力的背景和文本。 边框和间距 边框和间距样式在排版中也起到关键作用。Bootstrap 提供了一些用于定义...
点击登录 点击注销 1. 2. 3. 使用.bg-*可以实现背景色,比如: .bg-success。也可以使用.bg-transparent 设置透明度: 例: <!-- 使用.bg-*可以实现背景色,比如: .bg-success。 也可以使用.bg-transparent 设置背景色全透明 --> 点击登录 点击注销...
text-danger呈红色表示危险 背景 bg-primary蓝色表示强调 bg-success绿色表示成功 bg-info淡蓝色表示说明 bg-warning黄色表示警告 bg-danger红色表示危险 其他类 caret下拉菜单的三角,一般用于标签 pull-right文字浮动到右边 pull-left文字浮动到左边 show显示
text-muted 柔和灰 text-primary 主要蓝 text-success 成功绿 text-info 信息蓝 text-warning 警告黄 text-danger 危险红 //各种色调的字体 Bootstrap视频教程 Bootstrap视频教程 Bootstrap视频教程 Bootstrap视频教程 Bootstrap视频教程 Bootstrap视频教程 例子 Paste_Image.png 引入bootstrap样式前 Paste_Image...
text-danger 危险 text-secondary 副标题 text-dark 黑色文字 text-light 浅灰色 text-white 白色 背景 bg-primary 重要 bg-secondary 次要 bg-success 成功 bg-danger 危险 bg-warning 警告 bg-info 提示 bg-light 浅灰色 bg-dark 黑色 bg-white 白色 ...