flexbox grid and web-framework
A grid system based on the flex display property. For more information click here. bobscss uses old and new syntax.
bobscss scales perfectly on every device, from phones to tablets to desktops without hastle.
bobscss is a lightweight compilation of basic styles and utilities. The framework places the emphasis on speed and performance.
Basic 12-column flexible grid system.
Easily nest row and columns.
Use the new Flexgrid-box features to justify content with columns.
Move columns to the right.
Flexgrid-box feature again. Center all kinds of column widths with just one css class.
Flexgrid-box, yay! Align the content or align the flex-item`s separately.
Here we go with this Flexgrid-box thing again. But ordering flex-item`s is a no-brainer.
Some basic styles.
Caps Italic Bold Regular
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Create many different Components without writing any new CSS.
Take this example of the Media Object done with Flexgrid-box and normal floating div`s.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et
Simple styles forms with pre defined error styles.
Use bobscss as base for larger projects.