Twitter Bootstrap折叠如何工作? [英] How does Twitter Bootstrap collapsing work?

问题描述

因此，我一直在玩弄我看了一眼他们的CSS，但是您可以在页面CSS来源获得提示: bootstrap-sensitive.css

我相信bootstrap也会通过其工具包促进响应式设计.希望这会有所帮助.

So I've been toying around with the Twitter Bootstrap website, and I'm intrigued by how the top navigation bar collapses into a different layout when you shrink the browser window.

This is what it looks like expanded:

And this is what it looks like when collapsed:

How is it doing this?

解决方案

It does the changes by media queries. CSS3 allows media dependent style-sheet by media (viewport?) and detect things such as width/height

More reading on media query: https://developer.mozilla.org/en/CSS/Media_queries I had a glance to their css, but u can get a hint at the page css source: bootstrap-responsive.css

I believe bootstrap promotes responsive design with their toolkit as well. Hope this helps.

这篇关于Twitter Bootstrap折叠如何工作?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！