Jquery 如何使用卡在引导中创建弹出按钮？

我正在努力创建一个如下图所示的仪表板卡

我想要实现的是找到一种方法来创建一个仪表板，该仪表板将加载此模式表单，以便它可以显示为带有发布按钮、图像文件夹等的卡片

以下是我尝试过的：

仪表板
在这里写标题
您可以在此处添加描述

阅读更多。。。

您是否尝试过引导模式？？ 它的作用与“卡”相同，但在单击按钮时会显示在弹出窗口中。。正是你需要的 检查直接文档的链接：

这是一个完整的例子

<!-- Button trigger modal -->
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
  Launch demo modal
</button>

<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        ...
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>

启动演示模式
情态标题
&时代；
...
接近
保存更改

为什么要使用引导卡：整个问题太广泛了。对卡住的零件要更加具体on@charlitfl我想制作相同的模型，但我在这里发布的逻辑与那张卡相比不起作用。当用户单击“开始”时，课程必须出示该卡。我相信有一些像jquery这样的功能可以调用该卡来弹出。我查看了canvas文档，但没有成功。希望现在有意义了。