Html 引导导航栏图标和切换按钮问题

在可折叠导航栏中，我添加了一个徽标图像，但它没有响应，因此我添加了一个媒体查询来缩小它，但当我缩小屏幕时，切换按钮向下移动，切换按钮内的图标不可见

.navbar{
背景色：#fff；
填充：0px；
盒影：02px4px0rgba（0,0,0,0.54），02px10px0rgb（175175175）；
}
.导航杆切换器{
背景色：#2196f3；
右边距：10px；
}
.下拉项：悬停{
颜色：#fff；
文字装饰：无；
背景色：#2196f3！重要；
}
/*媒体查询*/
@介质（最大宽度：490px）{
.navbar品牌>img{
宽度：80%；
}
.navbar品牌{
右边距：0px；
/*文本对齐：居中*/
}
}

您必须更改@media中

.navbar dark.navbar brand

的宽度

@media (max-width:...px){
    .navbar-dark .navbar-brand{
       width: ...; 
    }
}

.navbar{
背景色：#fff；
填充：0px；
盒影：02px4px0rgba（0,0,0,0.54），02px10px0rgb（175175175）；
}
.导航杆切换器{
背景色：#2196f3；
右边距：10px；
}
.下拉项：悬停{
颜色：#fff；
文字装饰：无；
背景色：#2196f3！重要；
}
.导航杆切换器{
颜色：#2196f3！重要；
边框颜色：#2196f3！重要；
}
.navbar切换图标{
背景图像：url（“数据：image/svg+xml，%3csvg viewBox='0 30'xmlns='0http://www.w3.org/2000/svg“%3e%3path stroke='rgba（33150243，1）'stroke width='2'stroke linecap='round'stroke mit='10'd='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e'）！重要信息；
}
.导航链路{
颜色：#2196f3！重要；
}
.导航链接：悬停{
颜色：#8ac6f6！重要；
}
/*媒体查询*/
@介质（最大宽度：890px）{
.navbar品牌{
宽度：50%；
}
.navbar品牌{
右边距：0px；
/*文本对齐：居中*/
}
}

您必须更改@media中

.navbar dark.navbar brand

的宽度

@media (max-width:...px){
    .navbar-dark .navbar-brand{
       width: ...; 
    }
}

.navbar{
背景色：#fff；
填充：0px；
盒影：02px4px0rgba（0,0,0,0.54），02px10px0rgb（175175175）；
}
.导航杆切换器{
背景色：#2196f3；
右边距：10px；
}
.下拉项：悬停{
颜色：#fff；
文字装饰：无；
背景色：#2196f3！重要；
}
.导航杆切换器{
颜色：#2196f3！重要；
边框颜色：#2196f3！重要；
}
.navbar切换图标{
背景图像：url（“数据：image/svg+xml，%3csvg viewBox='0 30'xmlns='0http://www.w3.org/2000/svg“%3e%3path stroke='rgba（33150243，1）'stroke width='2'stroke linecap='round'stroke mit='10'd='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e'）！重要信息；
}
.导航链路{
颜色：#2196f3！重要；
}
.导航链接：悬停{
颜色：#8ac6f6！重要；
}
/*媒体查询*/
@介质（最大宽度：890px）{
.navbar品牌{
宽度：50%；
}
.navbar品牌{
右边距：0px；
/*文本对齐：居中*/
}
}

这是由于引导

.container

类具有

flex wrap

值

wrap

。添加以下内容：

.container{
  flex-wrap:nowrap !important;
}

---

这是由于引导

.container

类具有

flex wrap

值

wrap

。添加以下内容：

.container{
  flex-wrap:nowrap !important;
}

---

Bootsrap为我们提供了实现这一功能的有效方法，即行和列功能

Bootsrap为我们提供了有效的方法，即行和列功能

如果我添加此属性，问题会得到解决，但菜单项从点击顶部开始，而不是从下方导航栏开始如果我添加此属性，问题解决了，但菜单项从点击时的顶部开始，而不是从下面的导航栏开始。减小宽度可以解决问题，但如果我将导航栏背景颜色更改为白色并删除bg dark类，图标栏将不可见。所以现在背景是白色的，但切换按钮不可见，所以我将颜色更改为#2196f3现在按钮可见，但没有内部栏（这三条虚线）不可见showing@TakshakRajput用于更改内部栏的颜色（这三条虚线）必须更改背景图像中的笔划值。导航栏切换图标减小宽度可以解决问题，但如果我将导航栏背景颜色更改为白色并删除bg dark类，则图标栏不可见。所以现在背景是白色的，但切换按钮不可见，所以我将颜色更改为#2196f3现在按钮可见，但没有内部栏（这三条虚线）不可见showing@TakshakRajput要更改内部栏（这三条虚线）的颜色，必须更改.navbar切换图标背景图像中的笔划值