https://github.com/ptb/flexgrid

Next-generation CSS grid framework based on flexbox. Provides the same responsive 12 column fluid layout as Bootstrap 3 to most browsers. Even supports IE 6! Simple, fast, and easy.
https://github.com/ptb/flexgrid

Last synced: 3 months ago
JSON representation

Next-generation CSS grid framework based on flexbox. Provides the same responsive 12 column fluid layout as Bootstrap 3 to most browsers. Even supports IE 6! Simple, fast, and easy.

• Host: GitHub
• URL: https://github.com/ptb/flexgrid
• Owner: ptb
• Created: 2013-03-20T23:45:11.000Z (over 11 years ago)
• Default Branch: master
• Last Pushed: 2015-10-29T17:48:12.000Z (over 8 years ago)
• Last Synced: 2024-01-17T02:47:54.188Z (5 months ago)
• Language: CSS
• Homepage: http://ptb2.me/flexgrid/
• Size: 207 KB
• Stars: 148
• Watchers: 14
• Forks: 26
• Open Issues: 5
• Metadata Files:
  • Readme: README.md

Lists

• awesome-stars - flexgrid - generation CSS grid framework based on flexbox. Provides the same responsive 12 column fluid layout as Bootstrap 3 to most browsers. Even supports IE 6! Simple, fast, and easy. | ptb | 148 | (CSS)

README

        
[ptb/flexgrid] is a next-generation web page layout framework based on flexbox: the [CSS Flexible Box Layout Module]. It uses the same responsive [12 column grid] and CSS class names as [Bootstrap].

[ptb/flexgrid]: https://github.com/ptb/flexgrid

[CSS Flexible Box Layout Module]: http://www.w3.org/TR/css3-flexbox/

[12 column grid]: http://getbootstrap.com/css/#grid

[Bootstrap]: http://getbootstrap.com/

A [customized] version of [Modernizr] is used to detect support for flexbox. The flexbox layout is supported on Chrome, all versions of iOS, Safari 3+, [IE 10]+, [Opera 12.10]+, and [Firefox 22]+. Other browsers get the fluid [Bootstrap 3] layout, except Internet Explorer 6 and 7 which use a fixed layout.

[customized]: http://modernizr.com/download/#-flexbox-flexboxlegacy-printshiv-cssclasses-domprefixes

[Modernizr]: http://modernizr.com/

[IE 10]: http://msdn.microsoft.com/library/ie/hh673531.aspx

[Opera 12.10]: http://my.opera.com/ODIN/blog/opera-12-10-is-out

[Firefox 22]: https://developer.mozilla.org/en-US/docs/Firefox_22_for_developers#CSS

[Bootstrap 3]: https://github.com/twitter/bootstrap/pull/6342

[Documentation], a [demo], and [source code] are available. Suggestions for improvement are welcome!

[Documentation]: http://ptb2.me/flexgrid/

[demo]: http://ptb.github.io/flexgrid/

[source code]: https://github.com/ptb/flexgrid