Sam*_*Sam 4 html css twitter-bootstrap
所以我一直在玩Twitter Bootstrap网站,当你缩小浏览器窗口时,我对顶部导航栏如何折叠成不同的布局感到好奇.
这就是扩展的样子:

这就是倒塌时的样子:

它是怎么做到的?
它通过媒体查询进行更改.CSS3允许媒体依赖样式表(视口?)并检测宽度/高度等内容
关于媒体查询的更多阅读:https://developer.mozilla.org/en/CSS/Media_queries 我看了一下他们的css,但你可以得到一个关于页面css源的提示:bootstrap-responsive.css
我相信bootstrap也可以使用他们的工具包来提升响应式设计.希望这可以帮助.