怎么样使Bootstrap固定在底部的导航栏只在手机端显示呀?
<nav class="navbar navbar-default navbar-fixed-bottom"></nav>
请教各位大神啦, 怎么样使这个导航栏只在手机等移动浏览器上才显示,而电脑浏览器不显示呢? bootsrap是否直接支持这种响应式的布局呢? 在浏览器窗口缩放的时候, 或者是移动设备浏览器的时候,能够把这个靠下的导航栏显示出来
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（6）
1，利用JS进行操作系统类型判断
2，利用@media进行响应式布局设计
嗯, 谢谢! 这是一种解决方案, 但是我想bootsrap是否直接支持这种响应式的布局呢? 在浏览器窗口缩放的时候, 或者是移动设备浏览器的时候,能够把这个靠下的导航栏显示出来
@lygoing 支持的，但是控制PC端是否显示要用JS
回复
可以和我讲下思路或者有现成的例子吗? 我也是刚接触bootstrap, 不胜感激呀! ^_^
@lygoing
http://v3.bootcss.com/css/#grid-example-mixed-complete 这里说了手机上怎么去展现，你用js判断如果尺寸超过手机尺寸隐藏就好了
这篇文章可以帮到你 http://my.oschina.net/docin/blog/200663