Bootstrap 4关闭翻转的先前点击的卡片

Bootstrap 4是一种流行的前端开发框架，用于创建响应式和现代化的网页应用程序。在Bootstrap 4中，关闭先前点击的卡片的翻转可以通过以下步骤实现：

首先，确保在项目中引入Bootstrap 4的相关文件，包括CSS和JavaScript文件。
在HTML文件中，使用Bootstrap 4的卡片组件创建所需的卡片。每个卡片应该包含一个触发翻转的元素，比如一个按钮或者其他交互元素。
给触发翻转的元素添加一个点击事件的监听器，以便在点击时执行相应的代码。例如，可以使用jQuery的click()方法来监听点击事件。
在点击事件的处理函数中，使用Bootstrap 4的collapse()方法来关闭先前点击的卡片的翻转。collapse()方法可以接受一个选择器作为参数，用于指定要关闭的卡片。

下面是一个示例代码，演示如何实现关闭先前点击的卡片的翻转：

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="bootstrap.min.css">
  <script src="jquery.min.js"></script>
  <script src="bootstrap.min.js"></script>
</head>
<body>

<div class="card">
  <div class="card-header">
    <h5 class="mb-0">
      <button class="btn btn-link" data-toggle="collapse" data-target="#card1">Card 1</button>
    </h5>
  </div>
  <div id="card1" class="collapse">
    <div class="card-body">
      Content for card 1.
    </div>
  </div>
</div>

<div class="card">
  <div class="card-header">
    <h5 class="mb-0">
      <button class="btn btn-link" data-toggle="collapse" data-target="#card2">Card 2</button>
    </h5>
  </div>
  <div id="card2" class="collapse">
    <div class="card-body">
      Content for card 2.
    </div>
  </div>
</div>

<script>
$(document).ready(function(){
  $(".btn-link").click(function(){
    $(".collapse.show").collapse('hide');
  });
});
</script>

</body>
</html>

在上面的示例代码中，我们使用了Bootstrap 4的card和collapse组件来创建两个卡片，并添加了触发翻转的按钮。在jQuery的click事件处理函数中，使用collapse('hide')方法关闭了先前点击的卡片的翻转效果。

腾讯云并没有提供直接相关的产品或链接地址，但可以使用腾讯云提供的云服务器、对象存储等基础服务来支持Bootstrap 4开发和部署。请参考腾讯云官方文档以了解更多详情。