如何摆脱Bootstrap / Wordpress中的导航菜单边距?

时间:2017-04-21 01:01:43

标签: html css wordpress twitter-bootstrap

我试图摆脱颜色之间的左右间距:

Example

我正在尝试使用Bootstrap在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>

致以最诚挚的问候,

1 个答案:

答案 0 :(得分:0)

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

试试这个,应该修复它。大多数时候bootstrap会向左右设置15px的边距,你需要使用!important来覆盖它(不好的做法)。

但似乎你的li.page_item之间有2px(左右)的边距