移动设备上的Bootstrap navbar-fixed-bottom和移动设备上的navbar-static-top?

yah*_*rga 7 html semantic-markup responsive-design twitter-bootstrap twitter-bootstrap-3

有没有办法让Bootstrap Navbar保持navbar-fixed-bottom在移动设备上,以及navbar-static-top何时在桌面上?我想创建两个导航栏并隐藏一个并显示另一个,尽管我不确定这是否正常; 在相关的说明中,使用两个具有相同角色的导航元素是否可以?

小智 3

您还可以根据屏幕宽度使用 javascript jquery 添加和删除导航栏的类来完成此操作。

if ($(window).width() > 330) {
 $('.navbar').addClass('navbar-static-top');
}
else
{
 $('.navbar').addClass('navbar-fixed-bottom');
}
Run Code Online (Sandbox Code Playgroud)

它肯定会起作用