有没有办法让Bootstrap Navbar在移动设备上保持导航栏固定底部,在桌面设备上使用navbar-static-top?我想创建两个导航栏并隐藏一个并显示另一个,尽管我不确定这是否正常;在相关的说明中,使用两个具有相同角色的导航元素是否可以?
解决方法
您也可以通过使用
javascript jquery根据屏幕宽度添加和删除导航栏的类来完成此操作.
if ($(window).width() > 330) { $('.navbar').addClass('navbar-static-top'); } else { $('.navbar').addClass('navbar-fixed-bottom'); }
它肯定会起作用