Twitter Bootstrap如何崩溃工作?

Sam*_*Sam 4 html css twitter-bootstrap

所以我一直在玩Twitter Bootstrap网站,当你缩小浏览器窗口时,我对顶部导航栏如何折叠成不同的布局感到好奇.

这就是扩展的样子:

Twitter Bootstrap栏扩展了

这就是倒塌时的样子: Twitter Bootstrap栏崩溃了

它是怎么做到的?

Ikm*_*ani 9

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

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

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

  • 很高兴在这里帮助并获得第一枚徽章.:) 祝好运. (2认同)