Blueprint css framework

Blueprint is a CSS framework, which aims to cut down on your development time. It gives you a solid foundation to build your project on top of, with an easy-to-use grid, sensible typography, useful plugins, and even a stylesheet for printing.

From the Blueprint homepage.

What does Blueprint has to offer?
  • A CSS reset that eliminates the discrepancies across browsers.
  • A solid grid that can support the most complex of layouts.
  • Typography based on expert principles that predate the web.
  • Form styles for great looking user interfaces.
  • Print styles for making any webpage ready for paper.
  • Plugins for buttons, tabs and sprites.
  • Tools, editors, and templates for every step in your workflow.
Why use Blueprint with CDF?
  • 24 column layout allow an easy way to construct 2, 3 or 4 columns.
  • Layout stability across browsers frees the developer from webdesign debugging.
  • Rich set of classes allows flexible layouts.
  • Easy to do math: a span-8 div is 8*40-10 pixels wide

Different columns may have different widths. This provides greater flexibility for dashboard design. These columns are, respectively, span-5, span-12 and span-7.

Lorem ipsum dolor sit amet

Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

More info about Blueprint:

Less time worrying with html layout = More time developing dashboard components!