Html Bootstrap 3与Bootstrap 4显示属性类的呈现差异

我很想了解Bootstrap3和4显示类之间是否存在渲染差异，因为类名之间存在1对1的映射，并且没有其他可感知的差异。所以我忽略了为什么会这样做

在Bootstrap 3中，您可能会遇到如下情况：

<div class="hidden-xs">...</div>

。。。

在Bootstrap 4中，等效项为：

<div class="d-none d-sm-block">...</div>

。。。

就我所知，这两个东西的渲染输出是相同的。因此，忽略“为什么”名称已更改，从渲染角度来看，这两个语句之间是否还有其他区别？或者，它们是否做了相同的事情

向我们展示了各种bootstrap3类和bootstrap4等效类之间的1对1映射

它们在呈现方面是相同的还是Bootstrap4中的附加类名提供了其他功能

链接帖子没有回答这个问题，因为它说：

引导程序4中不再存在

隐藏-*

和

可见-*

类。如果要在Bootstrap 4中隐藏特定层或断点上的元素，请相应地使用

d-*

显示类

然后，它继续显示每个Bootstrap3类名到Bootstrap4等效类名的1对1映射。这并不确认或否认这些显示类在4和3中所做的工作之间是否存在其他差异。因此，这是一个需要明确答案的合理问题

请注意：

拟议的副本不能回答这个问题

许多人使用Bootstrap3和4，或者正在从一个版本迁移到另一个版本。了解此问题的答案非常有用，因为这有助于确保他们不会无意中更改渲染行为

Bootstrap 3（或4）文档不回答此问题

---

类

hiddenxs

将只添加

display:none！重要信息

。你可以在Bootstrap3的缩小版中寻找你自己

因为bootstrap4与mobilefirst的工作原理不同，所以类

d-none

的工作原理与bootstrap3略有不同

两者之间的区别只不过是一个媒体查询

所以要回答你的问题：

---

BS3的

隐藏xs

类添加

显示：无！重要的

与

d-none

完全相同，但由于BS3首先不是移动的，

hidden xs

仅在视图大小为移动时添加该属性（

我相信它们是相同的，因为它所做的只是改变元素CSS
显示
属性以适应不同的屏幕大小。谢谢，这是我对这个问题做出的最明智的回答。我希望得到确认。我也“相信”它们是等效的，但这正是我试图确定的。我将再次检查并让你知道谢谢你，这非常有用，我正在寻找的信息。我相信这将对其他引导用户有用，我真的无法理解为什么要回答这个问题会如此困难。不用担心，很高兴我能提供帮助。我也不完全清楚人们为什么要结束你的提问，我认为这是一篇完全正确的帖子。