Html 如何去除Bootstrap/Wordpress中的导航菜单边距？

我试图消除这里看到的颜色之间的左右间距：

我正试图用引导在Wordpress上创建一个自定义主题

我尝试去除填充物，这只会使彩色的

li

变小，

a

被推到边缘

我也试着去掉页边空白，但这并没有使我取得任何进展

以下是相关的

Header.php

内容：

<div class="blog-masthead">
  <div class="container">
    <nav class="blog-nav">
      <?php $directoryURI = $_SERVER['REQUEST_URI']; $path = parse_url($directoryURI, PHP_URL_PATH); $components = explode('/', $path); $part = $components[2]; ?>
      <a class="blog-nav-item <?php if ($part=="") {echo 'current_page_item'; } else  {echo '';}?>" href="<?php echo get_bloginfo( 'wpurl' );?>">HOME</a>
      <?php wp_list_pages( '&title_li=' ); echo $_GET['pg']; ?>
    </nav>
  </div>
</div>

致以最良好的祝愿

li.page_item, .blog-nav-item {
    margin: 0 -2px 0 -2px;
}

试试这个，应该能修好。大多数情况下，引导会设置一个15px的左右边距，你需要使用！重要的是要覆盖它（不良做法）

---

但是在你的li之间似乎有一个2px（左和右）的边距。page_项目

你有到你的网站的链接吗？这可能很简单，但如果不查看CSS+HTML，我就无法诊断问题。你试过改变边距而不是填充吗？嗨，凯伦！以下是链接：@brydonmcluskey菜单在哪里？？我在你的网站上没有看到^我支持丹尼尔的问题@BrydonMcCluskeySorry各位！在我的电话里，没有全神贯注。给你：@DanielH