Bootstrap 5响应式边框实现求助：自定义类无法生效

你的代码无法生效是因为错误使用了Bootstrap 5的响应式边框类名，Bootstrap 5的响应式边框类有固定命名规则：

• 要在指定断点添加边框：border-{breakpoint}-{side}，比如border-lg-end的写法是正确的
• 要在指定断点隐藏某侧边框：应该用border-{breakpoint}-{side}-0，而非border-lg-0-bottom这种颠倒的格式

针对你“默认显示下边框，在lg断点及以上隐藏下边框、显示右侧边框”的需求，正确代码如下：

<p class="border-bottom border-lg-bottom-0 border-lg-end">text here</p>

各类名作用说明：

• border-bottom：所有断点默认显示下边框
• border-lg-bottom-0：在lg断点（屏幕宽度≥992px）时隐藏下边框
• border-lg-end：在lg断点及以上时显示右侧边框

内容的提问来源于stack exchange，提问作者kp1304