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屋!