当我启动Bootstrap CSS时，Navmenu栏消失 [英] Navmenu bar disappears when I active Bootstrap css

问题描述

在我将Bootstrap激活为主题之后，我正在Wordpress中进行开发-我的nevmenu消失了.当我按比例缩小网站时(最大宽度980px)，它就在那里，并且可以作为折叠菜单显示.也许Bootstrap中有一些.nav样式与我的主题冲突.

After I active Bootstrap to my theme I am developing in Wordpress - my nevmenu disappeared. It is there when I scale the website down (max widt 980px) and is visible as a collapse menu. Maybe there is some .nav styling from Bootstrap that are conflicting with my theme.

您能帮我找出它是什么吗?

Can you please help me finding out what it is?

这里是网站链接: http://list.thorsteinnhelgason.is/index.php/2018/02/15/prufupostur/ 最佳B

Here is a link to the website: http://list.thorsteinnhelgason.is/index.php/2018/02/15/prufupostur/ Best B

推荐答案

您使用的导航栏是Bootstrap v4，但您的样式表使用的是v2.3.2:

The navbar you are using is Bootstrap v4, but your stylesheet is using v2.3.2: http://list.thorsteinnhelgason.is/wp-content/themes/listin/bootstrap/css/bootstrap.css

如果由于某种原因而无法升级WordPress，则可以添加以下样式:

If you are unable to upgrade WordPress for some reason, you can add this style:

.navbar-toggleable-md .collapse {
    display: flex !important;
}

然后将您的HTML更改为此:

And change your HTML to this:

<div class="navbar navbar-toggleable-md navbar-inverse navbar-fixed-top">...

祝你好运！

这篇关于当我启动Bootstrap CSS时，Navmenu栏消失的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！