HTML – Twitter Bootstrap如何崩溃工作？

概述所以我一直在玩 Twitter Bootstrap website,当你缩小浏览器窗口时,我对顶部导航栏如何折叠成不同的布局很感兴趣. 这就是扩展的样子： 这就是倒塌时的样子： 它是怎么做到的？ 它通过媒体查询进行更改. CSS3允许媒体依赖样式表(视口？)并检测宽度/高度等内容 更多关于媒体查询的阅读：https://developer.mozilla.org/en/CSS/Media_quer 所以我一直在玩 Twitter Bootstrap website,当你缩小浏览器窗口时,我对顶部导航栏如何折叠成不同的布局很感兴趣.

这就是扩展的样子：

这就是倒塌时的样子：

它是怎么做到的？

解决方法 它通过媒体查询进行更改. CSS3允许媒体依赖样式表(视口？)并检测宽度/高度等内容

更多关于媒体查询的阅读：https://developer.mozilla.org/en/CSS/Media_queries
我瞥了一眼他们的CSS,但你可以在页面CSS源码上得到一个提示：bootstrap-responsive.CSS

我相信bootstrap也可以使用他们的工具包来提升响应式设计.希望这可以帮助.

总结

以上是内存溢出为你收集整理的HTML – Twitter Bootstrap如何崩溃工作？全部内容，希望文章能够帮你解决HTML – Twitter Bootstrap如何崩溃工作？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。