我正在尝试消除此处颜色之间的左右间距:
我正在尝试使用 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>
最好的问候,
最佳答案
li.page_item, .blog-nav-item {
margin: 0 -2px 0 -2px;
}
试试这个,应该可以修复它。大多数时候 bootstrap 会设置 15px 左右边距,你需要使用 !important 来覆盖它(不好的做法)。
但是你的 li.page_item 之间似乎有 2px(左右)的边距
关于html - 如何去掉 Bootstrap/Wordpress 中的导航菜单边距?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43532213/