Bootstrap与Wordpress菜单的问题

14 浏览
0 Comments

Bootstrap与Wordpress菜单的问题

我已经将Bootstrap导航栏与我正在开发的WordPress主题集成在一起。然而，我的菜单被挤在一起，ul和li标签内没有间距或设计。我已经尝试了一切可能使这个与Bootstrap正常工作，但是我迷失了方向。有人可以指点我修复这个问题的方向，或者给我一个解决方案吗？谢谢任何帮助。

网站链接：https://publifiedlabs.com/sandbox-theme/

以下是我的代码块：

以下是输出的HTML：

菜单问题的图片：

enter image description here

0

2 答案

0 Comments

在这个帖子中，问题的答案如下所示。

我所做的只是在我的functions.php文件中添加了以下代码片段。

// This controls the <a></a> class
function add_menuclass($ulclass) {
    return preg_replace('/<a /', '<a class="nav-link"', $ulclass);
 }
 add_filter('wp_nav_menu','add_menuclass');

参考链接：How to add class to link in wp_nav_menu?

0
0 Comments

问题原因：原代码中使用了navbar-expand-lg类，导致菜单在Wordpress中无法正常显示。

解决方法：删除代码中的navbar-expand-lg类。

修改后的代码如下：

<nav class="navbar navbar-dark bg-dark">

修改后效果如下图所示：

Now it looks like this

0