Bootstrap4上的hidden-sm-down不工作

Bootstrap4上的hidden-sm-down是一个CSS类，用于在小屏幕设备上隐藏元素。然而，Bootstrap4中已经移除了这个类，并引入了新的响应式断点类。

在Bootstrap4中，可以使用以下类来实现类似的效果：

1. d-none：用于隐藏元素，无论屏幕大小。
2. d-sm-none：在小屏幕设备上隐藏元素。
3. d-md-none：在中等屏幕设备上隐藏元素。
4. d-lg-none：在大屏幕设备上隐藏元素。
5. d-xl-none：在超大屏幕设备上隐藏元素。

这些类可以与其他类组合使用，以实现更复杂的响应式布局。

例如，如果要在小屏幕设备上隐藏一个元素，可以使用以下代码：

<div class="d-sm-none">这个元素在小屏幕设备上隐藏</div>

如果要在大屏幕设备上隐藏一个元素，可以使用以下代码：

<div class="d-lg-none">这个元素在大屏幕设备上隐藏</div>

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

• 腾讯云主页：https://cloud.tencent.com/
• 云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
• 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
• 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iotexplorer
• 移动应用开发平台（腾讯移动开发者平台）：https://cloud.tencent.com/product/madp
• 对象存储（COS）：https://cloud.tencent.com/product/cos
• 腾讯区块链服务（Tencent Blockchain）：https://cloud.tencent.com/product/tbc
• 腾讯元宇宙平台（Tencent Metaverse）：https://cloud.tencent.com/product/metaverse

请注意，以上链接仅供参考，具体产品选择应根据实际需求进行评估和决策。