Javascript 删除/关闭页脚导航中的切换折叠
我对使用bootstrap还不熟悉,正在尝试向我的公文包中添加页脚社交导航-我尝试过删除不同的类并尝试使用粘性页脚,但它并不适合我正在设计的内容。页脚导航很好地显示在桌面上,但一旦我将其调整为平板电脑/手机,它就会显示汉堡包菜单(当然,它不会打开)-我只有社交图标,没有文本,所以它们应该可以很好地放在页脚中。如何防止汉堡菜单显示在较小的屏幕上?这是我的页脚代码:Javascript 删除/关闭页脚导航中的切换折叠,javascript,html,css,bootstrap-4,Javascript,Html,Css,Bootstrap 4,我对使用bootstrap还不熟悉,正在尝试向我的公文包中添加页脚社交导航-我尝试过删除不同的类并尝试使用粘性页脚,但它并不适合我正在设计的内容。页脚导航很好地显示在桌面上,但一旦我将其调整为平板电脑/手机,它就会显示汉堡包菜单(当然,它不会打开)-我只有社交图标,没有文本,所以它们应该可以很好地放在页脚中。如何防止汉堡菜单显示在较小的屏幕上?这是我的页脚代码: 默认情况下隐藏汉堡包,并将其设置为在较大的显示器上显示 .navbar-toggler { displ
-
-
-
-
默认情况下隐藏汉堡包,并将其设置为在较大的显示器上显示
.navbar-toggler {
display: false;
}
@media (min-width: 1024px) {
.navbar-toggler {
display: block;
}
}
将此添加到您的样式中:
/* Here 500px is small screen size. change it as per your requirement */
@media screen and (max-width: 500px){
.navbar-toggler {
display: none;
}
}
我在这里遇到的问题是,导航栏切换是主导航和页脚的类。我只需要页脚不要折叠…你不能更改页脚的类吗?