Bootstrap 4选项卡在单击时不填充内容

是因为默认情况下，Bootstrap的选项卡组件在单击选项卡时会自动加载对应的内容。如果希望在单击选项卡时不填充内容，可以通过以下方法实现：

1. 使用JavaScript禁用自动填充内容：可以通过编写自定义的JavaScript代码来禁用选项卡的自动填充功能。具体步骤如下：
   • 给每个选项卡添加一个唯一的标识符，例如id属性。
   • 使用JavaScript选择所有选项卡元素，并为它们添加一个点击事件监听器。
   • 在点击事件处理程序中，阻止默认行为，即禁止选项卡自动填充内容。
   • 以下是一个示例代码：
   • 以下是一个示例代码：
   • 通过以上代码，当单击选项卡时，不会自动填充对应的内容。

• 使用自定义CSS样式隐藏内容：另一种方法是使用自定义CSS样式来隐藏选项卡内容。具体步骤如下：
  • 为每个选项卡内容添加一个自定义的CSS类，例如"hidden"。
  • 使用CSS样式将该类的内容隐藏起来。
  • 以下是一个示例代码：
  • 以下是一个示例代码：
  • 通过以上代码，选项卡内容会被隐藏起来，不会在单击选项卡时显示。

以上是两种实现选项卡在单击时不填充内容的方法。根据具体需求选择适合的方法即可。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云主页
• 云服务器（CVM）
• 云数据库 MySQL 版
• 云原生应用引擎（TKE）
• 云存储（COS）
• 人工智能（AI）
• 物联网（IoT）
• 移动开发（移动推送、移动分析）
• 区块链（BCBaaS）
• 元宇宙（Qcloud Metaverse）