Html Wordpress中的菜单栏宽度问题

大家好，我已经在wordpress中创建了一个导航栏，但我不知道如何增加每个导航栏的宽度 有人能帮我吗

css:

通过wordpress生成的代码：

<?php
        wp_nav_menu( array(
        'menu'              => 'primary',
        'theme_location'    => 'primary',
        'depth'             => 2,
        'container'         => 'div',
        'container_class'   => 'collapse navbar-collapse',
        'container_id'      => 'bs-example-navbar-collapse-1',
        'menu_class'        => 'nav navbar-nav',
        'fallback_cb'       => 'wp_bootstrap_navwalker::fallback',
        'walker'            => new wp_bootstrap_navwalker())
        );
        ?>

我需要更改每个红色标记区域的宽度

---

如果您需要更多信息，请访问

我从您的查询中了解到，您希望增加每个导航列表项的宽度

以下是如何在代码中执行此操作：

1。更改所有元素的宽度-

.navbar-nav>li {
  float: left;
  padding: 0 20px; //To add 20px padding on left and right side
}

或

2。如果只想添加第一个元素的宽度（在红色框下）

或

---

您可以在

bootstrap.min.css

.navbar-nav>li {
     width: 140px;  //your required width
   }

#menu-primary > li > a {
padding: 15px 15px 15px;
margin: 1px;
}

注意：这会影响所有

li。

或者，您可以为每个

li

提供类，然后为每个

li

提供不同的

宽度

或

在
style.css中为
#menu primary>li>a
增加
padding

.navbar-nav>li {
     width: 140px;  //your required width
   }

#menu-primary > li > a {
padding: 15px 15px 15px;
margin: 1px;
}

注意：这会影响所有
li a.
这里还可以为每个
锚定标记提供类，然后为每个
锚定提供不同的
填充。
@user3593694请注意，这将增加菜单中的所有导航元素。若你们需要针对单个菜单元素，你们需要给它一个类。他只想为第一个元素增加宽度？他不清楚那件事@Bubbles先生我们已经为这两种可能性给出了解决方案。我需要为我给出的解决方案中的每个元素增加宽度。然后尝试第一个解决方案：-）如果这解决了您的问题，请将其标记为帮助社区中其他人的答案。当做
.navbar-nav>li {
     width: 140px;  //your required width
   }

#menu-primary > li > a {
padding: 15px 15px 15px;
margin: 1px;
}