响应式导航条折叠

老师，在bootstrap中在屏幕大小小于768时折叠，现在我需要在960以下折叠，如何更改

猎梦者 2017-11-10

源自：项目：实现企业网站首页 2-2 页面头部的制作（二）

40

收起

2回答

Miss路回答被采纳获得+3积分 2017-11-10 18:20:11

那就把在768的位置，换成960，先看一下效果能够正常显示，如果显示的布局不是很好看，再把960下面的样式进行一个调整即可。祝学习愉快！

猎梦者提问者 #1

老师能说的详细一点吗？毕竟我还没学less，初步接触bootstrap

2017-11-10 19:07:01
小于飞飞回复提问者猎梦者 #2

使用@media(max-widht:960px;){设置相应样式}，希望对你有帮助。

2017-11-12 18:38:48
猎梦者提问者回复小于飞飞 #3

导航条的折叠应该是js实现的吧，用css样式怎么实现呢

2017-11-13 13:51:21

点开查看后面1条评论

小丸子爱吃菜 2017-11-13 16:07:18

你说的应该是当小于某个宽度时，导航条的导航项隐藏，只出现一个提示的词，当点击这个词的时候出现下拉的导航项？

以后可以将你的问题描述清楚，或者能够粘贴代码，使我们能更好的定位到问题。

当屏幕小于768时，导航条的宽度要变化，导航项内容隐藏，只显示一个提示。这个就是在768像素中去设置的样式。

还是有问题，建议粘贴你的代码，我们需要去看你的代码，更好的定位问题！

另外案例中，也有去讲这块，老师讲的也很清楚，建议再去看下！

相似问题

怎么折叠起来

关于响应式导航条的问题？

导航页码的数量又怎么配置呢

响应式导航问题

左边的导航条怎么添加背景颜色和边框，我怎么添加都有错误

登录后可查看更多问答，登录/注册

响应式开发与常用框架 2018

参与学习人
提交作业 2198 份
解答问题 5012 个

如果你有web端基础，既想进阶，又想进军移动端开发，那就来吧，我们专题为你带来的课程有HTML5、CSS3、移动基础、响应式、bootstrap、less等，让你在前端道路上畅通无阻！

本课精华内容

问答作业

图片高度不一样的问题

45 24

请问老师原理是什么

70 16

请问老师到底是什么机制

44 12

我的js为什么绑定不上啊

0 11

请问这个怎么解释

44 11

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载