在bootstrap 4中显示成功图标

在Bootstrap 4中显示成功图标可以通过使用Bootstrap的内置类来实现。成功图标通常用于表示操作成功、表单验证通过等情况。

在Bootstrap 4中，可以使用以下步骤来显示成功图标：

首先，确保你已经引入了Bootstrap的CSS文件和相关的JavaScript文件。
在HTML中，创建一个元素来显示成功图标。可以使用<span>、<i>或其他适当的元素。
为该元素添加以下类名：text-success和fa。text-success类用于设置文本颜色为成功的绿色，fa类用于显示字体图标。
在该元素中添加一个适当的字体图标类名，用于显示成功图标。Bootstrap 4中常用的字体图标库是Font Awesome，可以使用其提供的类名来显示不同的图标。例如，使用fa-check-circle类来显示一个带有圆圈的勾号图标。

以下是一个示例代码：

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css">
</head>
<body>
  <h1>操作成功</h1>
  <span class="text-success fa fa-check-circle"></span>

  <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.min.js"></script>
</body>
</html>

在上面的示例中，<span>元素被用来显示成功图标。它具有text-success和fa类，分别用于设置文本颜色和显示字体图标。fa-check-circle类用于显示一个带有圆圈的勾号图标。

推荐的腾讯云相关产品：腾讯云CDN（内容分发网络），详情请参考腾讯云CDN产品介绍。

请注意，以上答案仅供参考，具体的实现方式可能会因个人需求和项目要求而有所不同。