Html 引导程序4,导航栏上的蓝色水平线位于黑色背景下的列表下方

Html 引导程序4,导航栏上的蓝色水平线位于黑色背景下的列表下方,html,css,bootstrap-4,navbar,Html,Css,Bootstrap 4,Navbar,如何删除这个蓝色的水平像,它出现在导航栏的列表下面,看起来像是在黑暗的背景下分隔两个东西,但不知道它是什么或如何出现在那里。代码是用bootstrap4编写的,使用了一些其他字体 另外,您如何使搜索栏实际使用此代码,因为对我来说它似乎不起作用 @import”https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700"; 身体{ 字体系列:“Poppins”,无衬线; 背景:#fafafa; } p{ 字体系列:“Po

如何删除这个蓝色的水平像,它出现在导航栏的列表下面,看起来像是在黑暗的背景下分隔两个东西,但不知道它是什么或如何出现在那里。代码是用bootstrap4编写的,使用了一些其他字体

另外,您如何使搜索栏实际使用此代码,因为对我来说它似乎不起作用

@import”https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";
身体{
字体系列:“Poppins”,无衬线;
背景:#fafafa;
}
p{
字体系列:“Poppins”,无衬线;
字体大小:1.1米;
字体大小:300;
线高:1.7em;
颜色:#999;
}
A.
a:悬停,
a:焦点{
颜色:继承;
文字装饰:无;
过渡:均为0.3秒;
}
navbar先生{
填充:15px 10px;
背景:#fff;
边界:无;
边界半径:0;
边缘底部:40px;
盒影:1px1p3pRGBA(0,0,0,0.1);
}
.导航栏btn{
盒影:无;
大纲:无!重要;
边界:无;
}
.线路{
宽度:100%;
高度:1px;
边框底部:1px虚线#ddd;
利润率:40px0;
}
/* ---------------------------------------------------
边栏样式
----------------------------------------------------- */
#边栏{
最小宽度:250px;
最大宽度:250px;
背景:343a40;
颜色:#fff;
过渡:均为0.3秒;
}
#侧边栏{
左边距:-250px;
}
#侧栏ul组件{
填充:20px0;
边框底部:1px实心#47748b;
}
#边栏{
颜色:#fff;
填充:10px;
}
#侧栏ul li a{
填充:10px;
字体大小:1.1米;
显示:块;
}
#侧边栏ul li a:悬停{
颜色:#343A4;
背景:#fff;
}
#侧栏ul li.active>a,
a[aria expanded=“true”]{
颜色:#fff;
背景:#f0ad4e;
}
a[data toggle=“collapse”]{
位置:相对位置;
}
.下拉切换::之后{
显示:块;
位置:绝对位置;
最高:50%;
右:20px;
转化:translateY(-50%);
}
乌拉{
字体大小:0.9em!重要;
左侧填充:30px!重要;
背景#292b2c;
}
/* ---------------------------------------------------
媒体查询
----------------------------------------------------- */
@介质(最大宽度:768px){
#边栏{
左边距:-250px;
}
#侧边栏{
左边距:0;
}
#边栏坍塌跨距{
显示:无;
}
}

你好,世界!
搜寻
主要内容

代码编辑器


您的问题在于:

#sidebar ul.components {
    padding: 20px 0;
    border-bottom: 1px solid #47748b;
}
您只需要删除底部的边框

#sidebar ul.components {
    padding: 20px 0;
}
检查下面的代码,工作:)