【请教】导航条收缩方式的问题

我的网站遇到了技术问题,向大家请教。

1.在小屏下,导航条变为一个toggle按钮,点击后,展开一个收缩容器。但他这个div是插入到页面的,把我的content往下挤开了(效果类似http://v3.bootcss.com/)。我觉得非常不实用。
1
2.我想要的是类似dropdown的效果(http://www.bootcss.com/
2
用浏览器自带的“审查元素”对比了二者的样式表,没发现有什么不同。
请问如何实现后者的效果?更改哪个css文件的哪一个样式呢?
(3.最后,如何能进一步实现这个效果?(收缩容器不是100%的宽度)3 http://www.ziqiangxuetang.com/ ... .html

新手在此谢谢大家了!
已邀请:

rew1011

赞同来自: weboris

你需要的效果是遮住元素,而不是占位对吧?那么就意味着position:fixed是必须的,其次z轴也应该保证在其它元素之上,避免被覆盖。

rew1011

赞同来自: weboris

<div class="navbar navbar-inverse navbar-fixed-top">这就是响应式导航菜单的容器</div>

rew1011

赞同来自:

可以在你的nav容器上添加navbar-fixed-top类

rew1011

赞同来自:

你把bootstrap官网那段代码粘贴过去直接用就行了吧。

要回复问题请先登录注册