所以我一直在玩 Twitter Bootstrap website ，当你缩小浏览器窗口时，顶部导航栏如何折叠成不同的布局让我很感兴趣。
这是它看起来像扩展:
这是折叠时的样子:
它是如何做到这一点的？
最佳答案
它通过媒体查询进行更改。 CSS3 允许媒体依赖样式表(视口(viewport)？)并检测诸如宽度/高度之类的东西
更多关于媒体查询的阅读:https://developer.mozilla.org/en/CSS/Media_queries
我看了一下他们的 css，但你可以在页面 css 源中得到一个提示: bootstrap-responsive.css
我相信 bootstrap 也会通过他们的工具包促进响应式设计。希望这可以帮助。
关于html - Twitter Bootstrap 折叠如何工作？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/10569521/