更短的版本可能是:.show
是保留的Bootstrap 4类名吗?
从alpha-6升级到Bootstrap 4.0.0后,我的UI出现了各种各样的问题。导航链接被隐藏,标签窗格出现在我的屏幕底部。
然后我注意到我的Vue组件有这个CSS:
.show{
position: fixed;
right: 50px;
bottom: 70px;
color : red;
}
对应于我的标签窗格出现在错误的位置。
而且,我感到好奇的是检查我看到的导航和标签上的元素,以及预期的.active
类.show
:
但我很确定我没有把它放在那里,所以想知道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=
答案 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