Bootstrap 4 nav-tabs命名空间碰撞:nav-item&的类“show” tab-panes激活?

时间:2018-02-18 01:47:24

标签: twitter-bootstrap bootstrap-4

更短的版本可能是:.show是保留的Bootstrap 4类名吗?

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

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

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

对应于我的标签窗格出现在错误的位置。

而且,我感到好奇的是检查我看到的导航和标签上的元素,以及预期的.active.show

enter image description here

但我很确定我没有把它放在那里,所以想知道Bootstrap 4现在是否正在添加.show以及.active。这记录在哪里?如果是这样,我需要避免css类名称冲突,在我的情况下,将Vue组件的嵌入式CSS更改为.show2使我的问题暂时消失。

在Bootstrap' d github上搜索show看起来像是在使用它:

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

1 个答案:

答案 0 :(得分:1)

是的,.show类(以及.active)肯定被Bootstrap 4用于导航标签和其他一些东西。

来自文档:

  

第一个标签窗格还必须有.show才能显示初始内容。

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

并且:

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