html – 桌面上的Bootstrap navbar-fixed-bottom和移动设备上的navbar-static-top?

前端之家收集整理的这篇文章主要介绍了html – 桌面上的Bootstrap navbar-fixed-bottom和移动设备上的navbar-static-top?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有没有办法让Bootstrap Navbar在移动设备上保持导航栏固定底部,在桌面设备上使用navbar-static-top?我想创建两个导航栏并隐藏一个并显示另一个,尽管我不确定这是否正常;在相关的说明中,使用两个具有相同角色的导航元素是否可以?

解决方法

您也可以通过使用 javascript jquery根据屏幕宽度添加删除导航栏的类来完成此操作.
if ($(window).width() > 330) {
 $('.navbar').addClass('navbar-static-top');
}
else
{
 $('.navbar').addClass('navbar-fixed-bottom');
}

它肯定会起作用

猜你在找的HTML相关文章