Question

我正在使用此代码制作导航菜单栏。如您所见，菜单项太靠近，并且悬停时它不会改变背景色。我想编辑这些项目的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*/
}

Answer 1

我修复了它。我将外观中的CSS类，菜单更改为navbar-default，然后将其更改为：

void testing(){
    cout << it << endl;
};


int main(){
int it = 99;   
testing();
return 0;
}

如何在wordpress中更改引导程序？

1 个答案: