下拉在 php 中的我的 header 页面上不起作用

Question

我正在运行一个从某人那里购买的网站。 网站是在 php 上创建的，现在我正在尝试修改网站 header 我想在我的 header 中设置一个下拉菜单，但下拉菜单在我的编程中不起作用。

<!-- Nav start -->
    
    <div class="navbar navbar-default" role="navigation">
      <div class="navbar-collapse collapse" id="nav-main">
        <ul class="nav navbar-nav">
          <li><a title="" href="<?php echo base_url(); ?>">Home</a></li>
          <li class="<?=(current_url()==base_url('cms/cms_page/about-us')) ? 'active':''?>"><a title="" href="<?php echo base_url(); ?>cms/cms_page/about-us">About Us</a></li>
          <li><a title="" href="<?php echo base_url() ?>training">Training</a></li>
          <li><a title="" href="<?php echo base_url() ?>seeker-login">Post Resume</a></li>
          <li class="<?=(current_url()==base_url('job')) ? 'active':''?>"><a title="" href="<?php echo base_url() ?>job">Government Jobs</a></li>
          <li><a title="" href="<?php echo base_url() ?>contact">Contact Us</a></li>
          
          <li class="yellow"><a href="<?php echo site_url('employer_login') ?>">Employer Site</a></li>
          <li class="black"><a href="<?php echo site_url('seeker-login') ?>">Sign In</a></li>
          <li class="green"><a href="<?php echo site_url('register') ?>">Register</a></li>
          
        </ul>
        
        <!-- Nav collapes end --> 
        
      </div>
      <div class="clearfix"></div>
    </div>
    
    <!-- Nav end --> 

这是我想设置下拉的代码，请任何人用相同的 css 为我重写“培训”代码。 一旦我有了这个想法，我就会自己做

Answer 1

没有看到 css 和 js 代码很难说，但问题可能是引导 js 脚本未包含在您的网站中。

尝试在您的 header 中添加引导程序的链接：

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js" integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf" crossorigin="anonymous"></script>

如果是 Wordpress 网站，则需要通过函数包含这些链接。php 文件：

function your_prefix_scripts() {

   wp_enqueue_style('bootstrapcss', 'https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css', array(), '5.0.0');
   wp_enqueue_script('bootstrapjs', 'https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.bundle.min.js', array(), '5.0.0', true);

}


add_action('wp_enqueue_scripts', 'your_prefix_scripts');

希望这能解决问题。