Javascript 引导程序4。HTML CSS和jQuery下拉菜单

我有一个HTM代码，我正在使用CSS，jQuery Bootstrap 4。我试图创建一个下拉子菜单时，悬停在我的主菜单。由于某些原因，我无法使下拉子菜单正常工作。如果我将鼠标悬停在主菜单上，如课程、教科书和汽车，我希望子菜单显示在主菜单下方。如果我删除bootstrap.min.css、公告容器div和自定义菜单容器div，它将正常工作，如果存在bootstrap和其他菜单div，它将不工作。我真的需要引导和其他菜单了。有什么帮助吗？如何让这个工作请。我使用的是bootstrap4。对于主菜单和子菜单，我希望结果如下图所示

下面是代码

：根目录{
--背景色：#FFF；
--按钮背景：#FFF；
--次要背景颜色：#F6F5FA；
--丰特家族：“伊巴拉真正的新星”，衬线；
--鸬鹚：“鸬鹚加拉蒙”，衬线；
}
* {
边界：没有！重要；
框大小：边框框；
保证金：0；
填充：0；
}
身体{
背景：var（--背景色）；
填充：0；
保证金：0；
}
*：焦点{
大纲：0；
}
文本区域：焦点，输入：焦点{
大纲：无；
}
a{
文字装饰：无；
颜色：继承；
}
/*-----------------------
/*新增Css*/
/*----------------------- */
.container-fluid.wrapper{
弯曲方向：立柱；
垫底：0px；
}
.标志{
颜色：#000；
显示：块；
高度：50px；
右边距：5px；
溢出：隐藏；
填充顶部：0；
背景尺寸：封面；
}
.公告容器{
背景：粉红色；
保证金：0；
填充：5px0；
字体大小：16px；
}
.h5号货柜{
字体大小：16px；
颜色：#FFF；
字体系列：无衬线；
}
.row.nav-container{
页边顶部：1rem；
}
.表格容器，
.定制菜单{
文本对齐：居中；
}
.col-md-6.form-container{
右边填充：0px；
垫顶：2件；
}
.搜索产品输入{
边框底部：1px实心#000！重要；
最小宽度：220px；
}
.col-md-6.表单容器：悬停。搜索产品输入{
宽度：300px；
}
.col-md-6.自定义电子菜单{
字距：.5rem；
左侧填充：0；
填充顶部：5px！重要；
}
.文本中心a{
颜色：#000；
}
.col-md-6.custome-menu.fa-a{
左边缘：.5rem；
}
/*----------------------------
/*主菜单和子菜单*/
/*---------------------------- */
navbar先生{
溢出：隐藏；
背景色：#333；
}
纳瓦尔先生{
浮动：左；
字体大小：16px；
颜色：白色；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
.导航项目{
颜色：#000；
文字装饰：无；
显示：内联；
溢出：隐藏；
}
.下拉列表{
浮动：左；
}
.nav项目.下拉列表内容{
背景色：红色；
颜色：#000；
浮动：左；
位置：绝对位置；
显示：无；
z指数：2；
左：0；
顶部：60px；
宽度：100%！重要；
}
.nav项.下拉列表内容a{
浮动：左；
颜色：白色；
文字装饰：无；
显示：内联；
}
.nav项.下拉列表内容a{
显示：内联！重要；
}
.导航项目：悬停{
颜色：#FFF；
背景：红色！重要；
}
.导航项目：悬停a{
颜色：#FFF！重要；
}
.navbar导航li:悬停。下拉内容{
显示：块；
}
.navbar导航.下拉列表内容a:悬停{
文字装饰：下划线；
}
.导航栏a:悬停，
.subnav:悬停.subnavbtn{
背景色：红色；
}
.subnav内容a：悬停{
背景色：#eee；
颜色：黑色；
}
.包装纸{
文本对齐：居中；
证明内容：中心；
背景：#FFF；
}

这里有一些文字
/








其他文本和内容将在这里

您可以使用引导

导航栏

，然后修改

下拉列表

类以获得此UI

.nav项{
显示：内联块；
}
.资产净值项目a{
颜色：#FFF！重要；
}
.导航项目：悬停{
背景：红色！重要；
}
.nav项：悬停。下拉菜单，
.nav-item.active.下拉菜单{
显示器：flex；
}
.导航项.下拉菜单{
背景：红色；
填充：0；
宽度：100%；
保证金：0；
边界半径：0；
边界：无；
}
.导航项.下拉项{
显示：内联块；
背景：红色；
宽度：自动；
填充：.5rem1rem；
}
.下拉项：焦点，
.下拉项：悬停{
背景：rgba（0,0,0,0.2）！重要；
}

谢谢您的帮助。它起作用了。这就是我要找的。