1.4 容器的边框和颜色(border、bg-color、bg-primary) Bootstrap 也提供了一些边框(border)和颜色(bg-dark、bg-primary等)类用于设置容器的样式: 我的第一个 Bootstrap 页面这个容器有一个边框和一些边距。我的第一个 Bootstrap 页面这个容器具有深色背景色和白色文本,以及一些额外的边距。我的第一个 Bootstrap ...
使用.bg-*可以实现背景色,比如: .bg-success。也可以使用.bg-transparent 设置透明度: 例: <!-- 使用.bg-*可以实现背景色,比如: .bg-success。 也可以使用.bg-transparent 设置背景色全透明 --> 点击登录 点击注销 1. 2. 3. 4. 5. 6. 2.边框 使用.border给元素增加相应的边框,默认是淡灰色(border...
white和muted 这两个色-->点击登录点击注销 使用.bg-*可以实现背景色,比如: .bg-success。也可以使用.bg-transparent 设置透明度: 例: <!--使用.bg-*可以实现背景色,比如: .bg-success。 也可以使用.bg-transparent 设置背景色全透明-->点击登录点击注销 2.边框 使用.border给元素增加相应的边框,默认是淡灰...
Try it Yourself » The.bg-colorclasses above does not work well with text, or atleast then you have to specify a proper.text-colorclass to get the right text color for each background. However, you can use the.text-bg-colorclasses and Bootstrap will automatically handle the appropriate...
与上下文文本颜色类类似,可以轻松地将元素的背景设置为任何上下文类。背景实用程序不设置color,因此在某些情况下您需要使用.text-*实用程序。 .bg-primary .bg-secondary .bg-success .bg-danger .bg-warning .bg-info .bg-light .bg-dark .bg-white ...
https://v5.bootcss.com/docs/customize/color/ 背景颜色 .bg-{ color } 需要渐变时可以加背景渐变 .bg-gradient 背景色透明 .bg-opacity-{ num } num:10,25,50,75 按钮颜色,先加 .btn 基础类,再加按钮颜色 .btn-{ color } 字体颜色 .text-{ color } ...
Home
.bg-danger表格单元格使用了 "bg-danger" 类尝试一下 其他 类描述实例 .pull-left元素浮动到左边尝试一下 .pull-right元素浮动到右边尝试一下 .center-block设置元素为 display:block 并居中显示尝试一下 .clearfix清除浮动尝试一下 .show强制元素显示尝试一下 ...
大多数color是由我们的主题颜色生成的,这些主题颜色是从我们的常规调色板变量重新分配的。 $blue:#0d6efd;$indigo:#6610f2;$purple:#6f42c1;$pink:#d63384;$red:#dc3545;$orange:#fd7e14;$yellow:#ffc107;$green:#198754;$teal:#20c997;$cyan:#0dcaf0; ...
.custom-bg{background-color:#ffcc00;/* 自定义背景颜色 */}.custom-font{font-size:20px;/* 自定义字体大小 */} 然后,您可以在网页中应用这些自定义类: 代码语言:javascript 复制 这是自定义背景颜色的元素。这个文本使用了自定义字体大小。 这样,您可以根据项目需求轻松自定义全局 CSS 样式。 结语 Boot...