如何更改 wordpress 中的引导程序？答案

【问题标题】：How to change bootstrap in wordpress?如何更改 wordpress 中的引导程序？
【发布时间】：2019-05-18 04:49:56
【问题描述】：

我正在使用此代码制作导航菜单栏。如您所见，菜单项太近了，悬停时不会改变背景颜色。我想为这些项目编辑 css。我需要在 design.css 中写什么？谢谢你

header.php

 <div class="container">
            <div class="row">
                <div class="col">
                    <nav class="navbar fixed-top navbar-expand-lg navbar-light bg-dark">
                        <div class="container-fluid">
                            <div class="navbar-header">
                      <a class="navbar-brand text-white" href="#" style="margin-left: 50px;">Web</a>
                      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                        <span class="navbar-toggler-icon"></span>
                      </button>
                      </div>
                      <div class="collapse navbar-collapse" id="navbar-collapse">
                         <?php wp_nav_menu(array('theme_location'=>'primary', 'container'=>false, 'menu_class'=>'nav navbar-nav ml-auto','item_spacing'=>'preserve' )); ?>
                         <button class="btn btn-primary navbar-btn navbar-right" style="margin-left: 10px;">Login</button>
                         <button class="btn btn-default navbar-btn navbar-right" >Register</button>
                      </div>                     
                      </div>
                    </nav>
                </div>
         </div>

functions.php

//css
    wp_enqueue_style('bootstrap', get_template_directory_uri().'/bootstrap/css/bootstrap.min.css', array(), '4.1.3', 'all');
     wp_enqueue_style('customstyle', get_template_directory_uri().'/css/design.css', array('bootstrap'), '0.0.1', 'null');

    //js
    wp_enqueue_script('jquery');
     wp_enqueue_script('bootstrapjs',get_template_directory_uri().'/bootstrap/js/bootstrap.min.js', array(), '4.1.3', true);
      wp_enqueue_script('customjs', get_template_directory_uri().'/js/code.js', array(), '1.0.0', true);

我在 design.css 中试过这个

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #000; /*Sets the text hover color on navbar*/
}

【问题讨论】：

标签： wordpress bootstrap-4

【解决方案1】：

我修好了。我将外观中的 CSS 类、菜单更改为 navbar-default 然后这个：

wp_enqueue_style('customstyle', get_template_directory_uri().'/css/design.css', array(), '1.0.0', 'all');

.navbar-default  a:hover {
     background: #222;
    color: #ffffff;
}

【讨论】：