引导4导航-标签名称空间冲突:类“显示”的nav-项目和选项卡窗格激活？

Question

一个较短的版本可能是：.show 是一个保留的引导程序4类名吗？

在从alpha-6升级到Bootstrap 4.0.0之后，我的UI出现了各种各样的问题。Nav-链接被隐藏，标签窗格出现在我的屏幕底部。

然后我注意到我的Vue组件有这个CSS：

.show{
    position: fixed;
    right: 50px;
    bottom: 70px;
    color : red;
}

这与我的标签窗格出现在错误的地方相对应。

而且，我好奇的是，除了预期的.active类.show之外，还要检查我看到的导航和选项卡上的元素。

​

​

但是我很确定我没有把它放在那里，所以想知道Bootstra4现在是否添加了.show和.active。这里有记录吗？如果是这样的话，我需要避免css类名冲突，在我的例子中，将Vue组件的嵌入式css更改为.show2使我的问题暂时消失了。

在Bootstrap上搜索show，看起来他们确实在使用它：

https://github.com/twbs/bootstrap/search?utf8=%E2%9C%93&q=show&type=

Answer 1

是的，.show类(以及.active)肯定是由引导程序4用于导航选项卡和其他一些东西。

从医生那里：

第一个选项卡窗格还必须有.show以使初始内容可见。

https://getbootstrap.com/docs/4.0/components/navs/#via-javascript

和：

https://getbootstrap.com/docs/4.0/components/list-group/#tabshow