Fluid Column Example Page

Included Columm Layouts: Zwo-Column, Three-Column, Four-Column, Five-Column, Six-Column, Seven-Column. To the simple column layouts, individual combinations of layouts are possible. A possible example see below 'Nesting column and case'.
This item is not a column layout but rather a CSS3 Classe 'column-count'. IE [Internet Explorer] users will not enjoy.

Example: 4 Column

BKK Airport

Case 25%

Flum CSS framework for rapid, intuitive development of responsive sites. Responsive design is not difficult, try it with Flum, it is easy to develop responsive.

BKK Airport

Case 25%

Flum CSS framework for rapid, intuitive development of responsive sites. Responsive design is not difficult, try it with Flum, it is easy to develop responsive.

BKK Airport

Case 25%

Flum CSS framework for rapid, intuitive development of responsive sites. Responsive design is not difficult, try it with Flum, it is easy to develop responsive.

BKK Airport

Case 25%

Flum CSS framework for rapid, intuitive development of responsive sites. Responsive design is not difficult, try it with Flum, it is easy to develop responsive.

Example: 2 Column 50:50

BKK Airport

Case 50%

Flum CSS framework for rapid, intuitive development of responsive sites. Responsive design is not difficult, try it with Flum, it is easy to develop responsive.

BKK Airport

Case 50%

Flum CSS framework for rapid, intuitive development of responsive sites. Responsive design is not difficult, try it with Flum, it is easy to develop responsive.

Example: 2 Column 66:33

BKK Airport

Case 66%

Flum CSS framework for rapid, intuitive development of responsive sites. Responsive design is not difficult, try it with Flum, it is easy to develop responsive.

BKK Airport

Case 33%

Flum CSS framework for rapid, intuitive development of responsive sites.

Example: 3 Column News Style

  • BKK Airport

    Easy to understand

    Clear file and folder structur.

  • BKK Airport

    Easy to use

    <div class= "inner-wrap"> <!-- Hold all the page-->
    <!-- Layout with 3 column -->
    <section class= "content split3">
    <acticle class= "case"> Content </acticle>
    <acticle class= "case"> Content </acticle>
    <acticle class= "case"> Content </acticle>
    </section>
    </div>
  • BKK Airport

    HTML5 Compilant

    HTML5 elements in usage like:
    article, aside, audio, canvas, details, dialog, figcaption, figure, footer, header, hgroup, menu, nav, section, video.