如何使用boot-strap和jQuery在两个没有按钮的图标之间切换？

使用Bootstrap和jQuery可以很方便地实现在两个没有按钮的图标之间切换。

首先，确保你已经引入了Bootstrap和jQuery的相关文件。

接下来，创建一个包含两个图标的HTML元素，并为它们添加对应的class，如下所示：

<div id="iconContainer">
  <i id="icon1" class="fa fa-check"></i>
  <i id="icon2" class="fa fa-times"></i>
</div>

在这个例子中，我们使用了Font Awesome图标库的两个图标作为示例。

然后，使用JavaScript代码来实现图标的切换效果。使用jQuery的click事件监听器来捕获点击事件，并通过toggleClass方法来切换两个图标的显示和隐藏。代码如下：

$(document).ready(function() {
  $('#iconContainer').click(function() {
    $('#icon1').toggleClass('hidden');
    $('#icon2').toggleClass('hidden');
  });
});

这段代码会在页面加载完成后添加一个点击事件监听器，当iconContainer元素被点击时，icon1和icon2元素的hidden类将会相互切换，实现图标的显示和隐藏。

最后，记得引入Bootstrap和Font Awesome的相关CSS样式文件，以及jQuery的相关JavaScript文件。

这样，当你点击iconContainer元素时，两个图标就会在没有按钮的情况下切换显示和隐藏了。

推荐的腾讯云相关产品：

• 云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 云函数（SCF）：https://cloud.tencent.com/product/scf
• 云存储（COS）：https://cloud.tencent.com/product/cos
• 人工智能（AI）：https://cloud.tencent.com/product/ai
• 云数据库（CDB）：https://cloud.tencent.com/product/cdb
• 云原生容器服务（TKE）：https://cloud.tencent.com/product/tke

请注意，以上仅为示例产品推荐，并非广告宣传。