Bootstrap -在card元素中作为背景的进度条
Bootstrap是一个流行的前端开发框架，它提供了丰富的CSS和JavaScript组件，可以帮助开发者快速构建响应式的网页和Web应用程序。
在Bootstrap中，card元素是一种常用的UI组件，用于展示内容块。而进度条是一种用于显示任务进度或加载状态的UI元素。在card元素中使用进度条作为背景可以增加页面的交互性和视觉效果。
进度条可以通过Bootstrap的CSS类来实现。在card元素中，可以使用以下代码来添加一个进度条作为背景：
<div class="card">
<div class="progress">
<div class="progress-bar" role="progressbar" style="width: 50%;" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<div class="card-body">
<!-- card内容 -->
</div>
</div>上述代码中，progress类用于创建进度条容器，progress-bar类用于创建进度条本身。通过设置style属性的width值来控制进度条的进度，aria-valuenow、aria-valuemin和aria-valuemax属性用于辅助屏幕阅读器读取进度条的值。
进度条可以根据具体需求进行定制，例如改变颜色、高度、动画效果等。Bootstrap提供了丰富的CSS类和选项，可以通过调整这些类和选项来实现定制化的进度条效果。
在腾讯云的产品中，推荐使用腾讯云的Web+服务来托管和部署基于Bootstrap的网页和Web应用程序。Web+是一种全托管的Web应用托管服务，提供了简单易用的界面和丰富的功能，可以帮助开发者快速部署和管理网站和Web应用程序。
更多关于腾讯云Web+的信息和产品介绍，请访问腾讯云官方网站：腾讯云Web+
相关·内容
1回答
当我在Object标记下有一个SVG时，对象标记下的任何东西我都不能显示，在本例中，类.card_middle和它的内容不会显示：
我在Github：中有SVG的完整文件
我需要使用它作为对象标记，因为我在SVG文件中运行了动画。
.card_top {
position: fixed;
top: 20%;
left: 50%;
transform: translate(-50%, -50%);
}
.card_middle {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%,
浏览 2提问于2018-12-23得票数 0
回答已采纳
1回答
自举4打开面板的页眉颜色
、、、
我使用HTML模板，这些模板基于Bootstrap 4.3.1。在Stack溢出社区的帮助下，我设法更改了这些模板中手风琴的默认行为。现在一次只能打开一个面板(即一旦打开一个新面板，先前打开的面板就会自动关闭)。通过调用aria属性，我还设法更改了活动面板的背景色，如下所示：
.accordion .card .card-header button[aria-expanded="true"] {
background-color:#0965AC;
color: #ffffff;
}
可以在上找到一个工作示例(前面提到的代码可以在CSS底部找到：
当我使用class=&#
浏览 12提问于2022-09-14得票数 0
回答已采纳
我想在文本颜色改变的情况下使背景图像变暗，以及如何避免这种情况？我尝试了背景：-moz-线性梯度(top，rgba(0，0，0，0.7) 0%，rgba(0，0，0，0.7) 100%)，url(./img/1，jpeg)，但在这种情况下，我必须在末尾添加url，但这不是有效的方法，因为在这种情况下我有4个图像。 HTML <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity=&#
浏览 11提问于2019-01-21得票数 0
回答已采纳
5回答
嘿，我只有一个简单的Card Bootstrap 4组件。
<div class="card">
<div class="card-header">This is my header</div>
<div class="card-block">This is my block</div>
<div class="card-footer">This is my footer</div>
</div>
我想要实现的是
浏览 159提问于2017-02-24得票数 14
回答已采纳
3回答
我不能让我的自定义css覆盖Django项目中Bootstrap4的任何组件。
我对前端开发非常陌生，希望我能清楚地问这个问题。注意:这是一个Django项目中的html表单。我的自定义css工作表链接正确，因为我可以在页面的其他组件(非引导程序)上成功使用它。
我能够覆盖任何引导组件的唯一方法是将style作为html属性包含进来，如下面的示例所示，其中我将第一行的背景设为蓝色。我已经致力于解决这个问题几天了，我似乎发现唯一的事情就是确保您的自定义样式表在Bootstrap样式表之后加载。我在bootstrap css之后加载了我的home.css表单，但我不确定Django加载这些表单的方
浏览 43提问于2019-07-23得票数 0
1回答
我正在努力在Bootstrap 3中设置我的进度条的样式。我想做的是： ? 我一直在做一些添加进度条和更改背景图像的工作，但都没有成功。 已尝试使用剪刀，但似乎不起作用。 你有什么办法让这一切成为可能吗？
浏览 18提问于2020-12-15得票数 0
1回答
引导进度条点(点)
、、、
我想做一个进度条使用引导带，在该进度条上有一些点，如下图所示。我怎么能这么做？或者我应该在哪里进行研究？
.progress {
width: 278px;
height: 7px;
left: 597px;
top: 489px;
}
.progress-bar {
background: #007BFF;
border-radius: 100px;
}
<html>
<head>
<meta charset="utf-8">
<meta name="viewport
浏览 7提问于2022-02-15得票数 1
2回答
我想设计一个类似于网站的网站，它的背景是圆形的，卡片就在曲线上。
但是我现在看到的情况是，剪贴路径切断了卡片：
这段的css代码如下所示：
.two {
background-color: #ff6b6c;
clip-path: ellipse(99% 66% at 48% 77%);
}
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
浏览 1提问于2020-07-06得票数 0
回答已采纳
1回答
Rails 5.2
Bootstrap 我有下面的风格： .app-card-header {
.card-header:first-child {
background-color: white;
text-align: right;
font-size: 16px;
font-color: green;
}
} 我正在尝试应用于此视图： .app-card-header
.card
.card-header
= 'This is a test header'
.card-text
= &#
浏览 7提问于2019-12-30得票数 0
回答已采纳
我一直在使用react-bootstrap，到目前为止，除了Card组件之外，大多数组件都可以正常工作，这是我得到的错误：
尝试导入错误：'Card‘不是从'react-bootstrap’导出的。
import React, {Component} from "react"
import {Button} from 'react-bootstrap'
import Card from "react-bootstrap/Card";
export default class NewsCard extends Componen
浏览 1提问于2019-02-15得票数 1
1回答
我在Bootstrap 4中使用了这段代码。我只需要更改.card元素的背景色，但如果我使用拉伸链接，它就不起作用了。
你能帮我解决这个问题吗？
.card:hover {
background-color: blue;
}
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet" />
<div class="card bg-light wow fadeIn position-re
浏览 0提问于2019-12-29得票数 1
我正在尝试用引导程序构建一个react应用程序，该应用程序将显示类似于C的卡片，显示为连续3行，并显示为3行，但我得到了以下错误：
解析错误:相邻的JSX元素必须包装在一个封闭标记中。你想要<>片段吗.？
以下是代码：
import React from 'react';
import './App.css';
import "bootstrap/dist/css/bootstrap.min.css";
import { Card } from "react-bootstrap";
import { Button }
浏览 5提问于2020-02-24得票数 1
我已经尝试了关于Stack Overflow的现有答案，只需更改“.tooltip-inner”样式即可。但我仍然看到默认的黑色背景。
我尝试过的css：
.tooltip-inner {
background-color: pink !important;
}
带有工具提示的HTML：
<strong #customTooltip="bs-tooltip" tooltip="Click below on your options" placement="bottom">Some Text</strong>
<i
浏览 1提问于2018-06-19得票数 3
我在我的网页中有一个底端，我会在点击卡片时打开它，尝试设置所需的属性，或者使用文档中的代码--它不工作--因为离开画布只显示背景，并立即关闭它。
以下是我尝试过的：
const products = document.getElementsByClassName("card product");
var productClick = function (event) {
event.preventDefault()
var myOffcanvas = document.getElementById('offcanvasBottom')
浏览 4提问于2021-03-26得票数 3
回答已采纳
1回答
我希望在通过ajax提交表单时有一个进度条，但问题是如果表单已提交，则进度条不起作用，并且当进度条显示时表单未提交。我无法理解发生了什么，我隐藏了( data：{tenure_id，due- on.When })进度条已显示，但表单未提交。
表格
<?php
use yii\helpers\Html;
use yii\widgets\ActiveForm;
use yii\helpers\ArrayHelper;
use app\models\Tenure;
use app\models\Sectors;
/* @var $this yii\web\View */
/* @var $
浏览 1提问于2021-02-24得票数 0
UPDATE我在这个代码片段中添加了@Alice应答器，以说明为什么使用砖层，以及我使用的是什么。砖匠只是修改了第一个briklayer，而完全忽略了第二个，我可以理解，因为我使用querySelector。
但是即使在添加了“Alice的答案”之后，结果仍然是一样的。我试过masonry，但它搞砸了我的卡片的布局。所以我被bricklayer困住了
这是修改的版本。
$(document).ready(function() {
$(document).on('click', '#post-link', function posts(event)
浏览 0提问于2019-05-13得票数 0
我的问题是，当手风琴在react bootstrap中处于活动状态时，我如何更改它的背景颜色？谢谢!
class App extends React.Component {
render() {
return (
<div>
<Accordion>
<Card>
<Card.Header>
<Accordion.Toggle as={Button} variant="link" eventKey="0&
浏览 1提问于2020-09-29得票数 1
2回答
我正在尝试设置项目中每个其他组件的背景。我已经尝试了多种方法来实现这一点，就像您使用纯HTML和CSS一样。
(注意：' Card -container‘是<Card />组件内部的div的类名)
React (.jsx)代码：
<div className="cards">
<Card />
<Card />
<Card />
<Card />
</div>
CSS代码：
.cards .card-container:nth-child(odd) {
浏览 0提问于2020-06-07得票数 0
1回答
当我用带有position: fixed的div包装进度条时，进度条就消失了：
.volume {
position: fixed;
top: 10px;
left: 10px;
}
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/css/bootstrap.min.css" rel="stylesheet" />
<div class="volume">
<div class="progress"
浏览 3提问于2017-12-29得票数 2
回答已采纳
我在我的项目中使用了react-bootstrap。在下面的代码中，我尝试将背景色添加到卡片中。 => js文件 import React from "react";
import "../assets/css/material-dashboard.css";
import { Accordion, Button, Card } from "react-bootstrap";
import { Header, Container } from "semantic-ui-react";
import TabContent f
浏览 60提问于2020-07-29得票数 0
回答已采纳
4回答
第二个h5元素的文本没有正确地调整大小并在背景色上显示出来，我还测试了把h5放到div中并将css应用到div中，但是它没有工作，我缺少什么？
下面是相关代码(我必须删除其他元素和css属性)：
.container {
position: relative;
display: inline-block;
margin-top: 50px;
}
.card .front {
color: white;
text-align: center;
font-weight: bold;
position: absolute;
}
.card
浏览 3提问于2017-11-15得票数 0
回答已采纳
我想把Bootstrap卡的高度放入一个固定高度的容器中。我试着使用最大高度的维护规则，等等，但是没有成功。
请看一下这个jsfiddle：
将代码也复制到这里：
HTML：
<div class="container">
<div class="row">
<div class="col wrapper">
<div class="card bootstrap-card" style="width: 18rem;">
<
浏览 0提问于2018-11-03得票数 0
1回答
如何动态地设置进度条背景色？
我编辑内部生成的‘进度条’类的尝试失败了。下面的代码将正确地将高度设置为250，但是背景色仍然是默认的蓝色。
import React from 'react';
import ProgressBar from 'react-bootstrap/ProgressBar';
import { withStyles } from '@material-ui/styles';
const styles = {
progressBar: {
height: 250,
'&am
浏览 1提问于2020-08-04得票数 0
回答已采纳
1回答
我已经在复选框上增加了进度条。它可以很好地处理单个复选框组，但是对于多组复选框，它不像被切分的那样工作。
我想要什么
我想，如果我使用多张卡，在每一张卡中都会有多个复选框，它们都应该各自独立工作。
$('.card').each(function(index, el) {
// console.log( $(this).find('input[type="checkbox"]').length );
var chkLength = $(this).find('input[type="checkbox"]'
浏览 0提问于2018-05-23得票数 0
回答已采纳
我正在尝试找出如何将按钮变成进度条。例如，在引导按钮中：
<button class="btn btn-large btn-primary" type="button">Load</button>
我目前正在使用一个经典的引导进度条，并通过JQuery setInterval刷新它：
<div class="progress progress-striped"><div id="data_loaded" \
class="bar" style="width: 100
浏览 0提问于2013-02-22得票数 0
回答已采纳
我试图重新着色在一个离子3项目的SCSS页面的所有元素的背景和文本。
我目前使用的SASS代码是：
* {
background-color: black;
color: white;
}
问题是只有背景颜色被改变了。问题是文本保持默认颜色。
我会寻找一个不同的属性来覆盖，但是"color“属性在html样式中工作。以下HTML代码执行所需的更改：
<ion-card-header style="color: white">
Title
</ion-card-header>
"color“属性也适用于所有需要重新着
浏览 5提问于2017-11-02得票数 1
回答已采纳
我试图在NextJS中的整个欢迎页面中添加一个背景图像，但它只是不起作用。在此之前，我很难理解这样一个事实: NextJS似乎在主组件中呈现每个组件，这些组件都变成了带有"__next“类的html div。因此，每次我尝试添加一个获取整个页面的背景图像时，它只会和"__next“div一样大，并且会被切断。我尝试使用NextJS的图像组件，但现在它甚至不加载图像，只显示alt文本。有人能告诉我如何修复以下代码吗？
import React from "react";
import styles from "/styles/WelcomePage.mod
浏览 16提问于2022-05-26得票数 0
我正在用Bootstrap 4卡和它们的响应行为进行实验。我的目标是有两个水平的Bootstrap卡水平堆叠，只折叠成垂直卡是较小的视口大小的移动屏幕兼容。虽然我可以使用标准的bootstrap代码来实现这一点，但在变成垂直的卡片之前，卡片首先缩小大小以匹配减少的视口，偏离我的图片的中心。有没有什么办法可以让我在一个更大的视窗中强制水平卡片进入竖直卡片样式？
HTML：
<div class="container-fluid">
<div class="card-deck justify-content-center"&
浏览 1提问于2020-07-21得票数 0
3回答
如何在引导4中动画一个进度条？
、、、、
我们曾经在Bootstrap 3中将进度百分比定义为CSS属性。新的Bootstrap 4版本的。
使用版本3，可以使用jQuery css动画将进度条动画化到给定的百分比。HTML元素属性不能是“动画”。问题是:我们如何动画一个引导4进度条的百分比？我想这是可能的，否则这将是一个很大的退步从引导3。
相关问题：，但它用于引导3。在jQuery中，属性可以由attr()设置，但不可能通过属性值(AFAIK)来动画。
浏览 4提问于2015-11-22得票数 6
回答已采纳
我正在尝试改变react-bootstrap中accordion元素移动的方向。目前它正在向下移动。有没有一种简单的方法让它朝上打开？
下面是我的一个组件的示例。我希望能够向上而不是向下打开它，原因是我把它放在了屏幕的底部，所以当我在默认设置下打开它时，它会向下而不是向上：
import React from 'react';
import { Accordion, Card, Button } from 'react-bootstrap';
import 'bootstrap/dist/css/bootstrap.min.css';
cons
浏览 0提问于2019-10-21得票数 2
1回答
我是bootstrap的新手，我想在启动新的ASP.NET MVC项目时将卡片添加到默认的索引页。
我的理解是bootstrap在卡上包含一个边框。然而，当我运行应用程序时，卡片边框并没有被渲染。
当然，我在网上搜索了一下，发现了这两个相关的问题：
我注意到我的项目中加载了bootstrap V3。使用NuGet，我卸载了v3并安装了Bootstrap V4。我还确保在Bundle.config文件中加载了正确的文件。尽管如此，边界仍未渲染。
下面是我的html代码，它基于创建项目时生成的默认索引页面：
<link rel="stylesheet" href=
浏览 12提问于2019-08-06得票数 0
2回答
我需要将div中的元素对齐到末尾。正如我从Bootstrap的文档中了解到的，我应该使用d-flex和对齐项-end。当我应用它时，它会将元素粘贴到底部，但也会将它们分割成列。我不想那样。
我该怎么做才能修好它？
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta.2/css/bootstrap.css" rel="stylesheet" />
<div class="row">
<div class
浏览 1提问于2018-02-09得票数 2
回答已采纳
到目前为止，我的代码如下： .card {
width: 300px;
height: 200px;
float: left;
margin: 10px;
border-radius: 15px;
background-color: rgba(0, 0, 0, 0.5);
overflow: hidden;
}
.card .cover-image {
position: relative;
width: 100%;
height: 100%;
z-index: -1;
filter: blur(8px);
transition: f
浏览 13提问于2019-03-14得票数 1
回答已采纳
1回答
如何使图像半高？
、、
我做了一个图像列表，并试图将这个图像的高度减半。
.img {
background: #255;
}
img {
max-width: 100%;
}
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" />
<div class="container">
<div class="row">
<div clas
浏览 1提问于2019-04-01得票数 0
在一个引导程序card中，我添加了两个card-body和一个按钮，点击它就会隐藏其中的一个。
预期的行为是每次用户单击按钮卡11111和2222卡消失时。如果再次点击按钮，2222出现，11111卡消失等.
我编写了以下代码，在第二次单击中完全隐藏了两个div.我在这里错过了什么？
$(".toggle-executed").on('click', function(e) {
$(this).closest(".card-body").slideToggle('slow', function() {
$(thi
浏览 4提问于2022-11-23得票数 0
回答已采纳
这是我在这里的第一个问题，温柔点，我刚开始学习这些东西:)
我正在使用HTML、Sass和bootstrap-grid.css构建一个实践页面(因此基本上只使用行和列，卡片类不包括在文件中，而是单独设置样式)，我遇到了一个可能非常简单的问题，使我晚上无法入睡。
我需要使所有的..card文本div(白色背景的div)与它们上面的img“视觉”相同，但是简单地调整..card text div或使它们完全定位似乎并不是一个正确的解决方案，因为这会造成另一个问题，而且我希望保留. .col-因为RWD的结果很容易。..card text和..card img div继承给定宽度的. of，图像中的
浏览 2提问于2020-06-22得票数 0
回答已采纳
我正试着在bootstrap卡片中添加一个背景图像，这样当我悬停时，背景会占据卡片主体，但仍然会在图像上方显示文本。
我的css代码
.card-img-top:hover {
transform: scale(1);
width: 222px;
height: 100%;
position: absolute;
}
<div class="row">
<div class="col-sm-12 col-md-6 col-lg-4 col-xl-3 mt-5">
<div c
浏览 0提问于2020-12-31得票数 0
1回答
我有一个包含Bootstrap卡和html details标签的HTML文件，用于创建一个可折叠的下拉式面板。 下面是一个例子 <details class="dropdown card mb-3">
<summary class="summary-title card-header">
<strong>Test</strong>
<div class="summary-down docutils">
</summary>
<div c
浏览 16提问于2021-09-14得票数 3
在Bootstrap中展开手风琴时，我无法更改react图标。“单击我”的内容正在下拉并正确显示，但图标仍然卡住。 function Expander () {
const[active,setActive] = useState(false);
return (
<Accordion defaultActiveKey="0">
<Card>
<Accordion.Toggle as={Card.Header} eventKey="0">
{active ? <GrAdd
浏览 24提问于2021-07-03得票数 0
我想在NgbProgressbar中添加一个css样式，但我在这样做时遇到了困难。具体来说，我想给进度条一个自定义颜色。使用上的“上下文进度条”演示，src/progressbar basic.ts文件的代码是：
import {Component} from '@angular/core';
@Component({
selector: 'ngbd-progressbar-basic',
templateUrl: 'src/progressbar-basic.html',
styles: [`
ngb-
浏览 1提问于2017-04-14得票数 1
回答已采纳
我刚刚在我的主页上创建了一个卡片组，但是我无法将我的组件CardGroup中心(见附文)
。这是sm模式。但在lg模式下，我想让我的卡在一起。在这两种情况下，它应该是居中的。我试图在CardGroup或显示器(flex，wrap)上添加一个边距。什么都没成功，有什么想法吗？谢谢!它们都没有CSS :) HOME
// import react-Bootstrap's component(s)
import {
CardGroup,
Row,
Col,
} from 'react-bootstrap';
import SearchBar from '
浏览 5提问于2022-04-04得票数 1
回答已采纳
我希望使用CSS中的nth-child属性拥有不同的背景图像。但是我在每个子元素中都得到了相同的图像。
#main .container .row .col-md-5 .card .overflow-hidden .gradient {
background-size: cover;
height : 15rem;
transition : transform 0.5s;
}
#main .container .row .col-md-5 .card .overflow-hidden .gradient:nth-child(1) {
浏览 5提问于2022-05-31得票数 0
回答已采纳
1回答
这就是我的问题:我需要用自己的宽度更新两个不同的进度条，但是和条取或百分比，或者一个保持为空。我不太擅长HTML和Js，但我注意到，更改div类=进度条和一条是有效的，但一条不起作用，我怎么能用它的百分比来填充每个栏呢？
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1
浏览 3提问于2022-06-09得票数 -1
5回答
引导卡不显示在示例中
、、、、
为什么我的靴带卡看起来很奇怪？在示例中，它们看起来像带有边框和白色衬垫的卡片，而我的看起来像文本，只是没有填充和白色背景。
例如：
我不知道这些代码是否对你有帮助，但下面是：
.container {
left: 0;
right: 0;
bottom: -340px;
text-align: middle;
position: absolute;
}
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.m
浏览 12提问于2016-06-20得票数 20
回答已采纳
在将min-height添加到div之后，子元素在填充之外流动。下一个元素是height: 100%，我认为这与它有关。 html, body { height: 100%;}
.card {height: 100%;}
.card-header {min-height: 50px;}
.card-block {height: 100%;} <link data-require="bootstrap@4.1.3" data-semver="4.1.3" rel="stylesheet" href="https://stackp
浏览 22提问于2019-09-18得票数 6
回答已采纳
我是React的初学者，我使用的是BootStrap 5.2.0中的React
我的产品卡不会一排排地显示出来
我想连续显示4张产品卡。
添加代码：
主页代码：
<div className="container-fluid mb-2">
<Carousel />
<div className="mt-2">
<div className="row">
<div className="col-md-2">
浏览 4提问于2022-10-02得票数 0
回答已采纳
在开始这个项目之前，我想知道是否有可能逆转bootstrap框架中的进度条，以便它可以显示从右到左的值？这个问题背后的原因是我有一个从正到负的数字范围。这个想法是将两个进度条放在一起，让右边的条在值为正时显示百分比范围，让左边的条在值为负时显示百分比范围。目前，这些值是静态的，但在未来这些值将是“活动的”。
对此有什么建议吗，如果可能的话，还有类似项目的指针？我还没有找到任何与这个框架相关的东西。
我看过像这样的帖子：，但我不确定这是不是使用Bootstrap的方法。对于css，这种功能有没有可用的覆盖？
现在，我的进度条设置如下：
<li>Speed<spa
浏览 0提问于2013-06-04得票数 14
回答已采纳
1回答
我工作的角度(v4.3.1)和引导带(v4.0.0-字母表6)。模板包含两个子组件，如下所示：
<div class="card-deck">
<comp1></comp1>
<comp2></comp2>
</div>
两个子组件的模板都将.card引导类作为根元素的类。
<div class="card">
...
</div>
一旦编译，就会生成以下HTML
<div class="card-deck">
浏览 4提问于2017-07-28得票数 5
回答已采纳
1回答
我有一个页面上有许多Bootstrap卡在它与一个人的图像在卡上。我想把整张卡片悬停下来，让图像从黑白变成彩色。 我使用了css灰度和悬停，但只有当悬停在图像上而不是卡片主体上时，才能正常工作。我想我应该试试jquery，做一个mouseenter mouseleave函数，它在某种程度上是有效的。问题是，当我悬停在一个卡片主体上时，页面上的每个图像都从黑白变成了彩色，这是有意义的，因为所有的图像都共享同一个类。我只是想让悬停的那一张牌变成颜色。 HTML： <div class="card mt-6 shadow filter sales-filt w-25">
浏览 23提问于2019-05-11得票数 0
回答已采纳
2回答
最近，我使用了引导vue。我编写了以下代码：
<template>
<div>
<div>
<b-card-group>
<b-card border-variant="dark" header="Dark" align="center">
<b-card-text>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</b-car
浏览 4提问于2020-03-06得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
