Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/380.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 删除/关闭页脚导航中的切换折叠_Javascript_Html_Css_Bootstrap 4 - Fatal编程技术网

Javascript 删除/关闭页脚导航中的切换折叠

Javascript 删除/关闭页脚导航中的切换折叠,javascript,html,css,bootstrap-4,Javascript,Html,Css,Bootstrap 4,我对使用bootstrap还不熟悉,正在尝试向我的公文包中添加页脚社交导航-我尝试过删除不同的类并尝试使用粘性页脚,但它并不适合我正在设计的内容。页脚导航很好地显示在桌面上,但一旦我将其调整为平板电脑/手机,它就会显示汉堡包菜单(当然,它不会打开)-我只有社交图标,没有文本,所以它们应该可以很好地放在页脚中。如何防止汉堡菜单显示在较小的屏幕上?这是我的页脚代码: 默认情况下隐藏汉堡包,并将其设置为在较大的显示器上显示 .navbar-toggler { displ

我对使用bootstrap还不熟悉,正在尝试向我的公文包中添加页脚社交导航-我尝试过删除不同的类并尝试使用粘性页脚,但它并不适合我正在设计的内容。页脚导航很好地显示在桌面上,但一旦我将其调整为平板电脑/手机,它就会显示汉堡包菜单(当然,它不会打开)-我只有社交图标,没有文本,所以它们应该可以很好地放在页脚中。如何防止汉堡菜单显示在较小的屏幕上?这是我的页脚代码:



默认情况下隐藏汉堡包,并将其设置为在较大的显示器上显示

.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;
    }
}

我在这里遇到的问题是,导航栏切换是主导航和页脚的类。我只需要页脚不要折叠…你不能更改页脚的类吗?