Columns
these are built to only have 1 row of children. if you want more please look at grids.
2 columns or Half
float all columns.
Lorem ipsum row dolor sit amet, consectetuer adipiscing eli.
Lorem ipsum row dolor sit amet, consectetuer adipiscing eli.
Lorem ipsum dolor sit amet, consectetuer adipiscing eli.
Lorem ipsum dolor sit amet, consectetuer adipiscing eli.
float 1 of the 2 columns.
2 column with no breaking and yes with the widths, margin and padding adjusted it could be used as a layout.
Lorem ipsum row dolor sit amet, consectetuer adipiscing eli.
Lorem ipsum row one class dolor sit amet, consectetuer adipiscing eli. Please note: if this column is longer it will wrap. width needed
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
- Vivamus facilisis diam non nisl.
- Suspendisse ultrices semper dui.
- Ut pellentesque nisi venenatis felis molestie viverra.
- Duis dapibus mauris in metus.
- Donec tempor convallis erat.
- Sed sagittis quam id sem.
3 columns or Third
float all columns.
Lorem ipsum row dolor sit amet, consectetuer adipiscing eli.
Lorem ipsum row dolor sit amet, consectetuer adipiscing eli.
Lorem ipsum row dolor sit amet, consectetuer adipiscing eli.
Lorem ipsum dolor sit amet, consectetuer adipiscing eli.
Lorem ipsum dolor sit amet, consectetuer adipiscing eli.
Lorem ipsum dolor sit amet, consectetuer adipiscing eli.
4 columns or Quater
float all columns.
Lorem ipsum row dolor sit amet, consectetuer adipiscing eli.
Lorem ipsum row dolor sit amet, consectetuer adipiscing eli.
Lorem ipsum row dolor sit amet, consectetuer adipiscing eli.
Lorem ipsum row dolor sit amet, consectetuer adipiscing eli.
Lorem ipsum dolor sit amet, consectetuer adipiscing eli.
Lorem ipsum dolor sit amet, consectetuer adipiscing eli.
Lorem ipsum dolor sit amet, consectetuer adipiscing eli.
Lorem ipsum dolor sit amet, consectetuer adipiscing eli.
Box Moddle layout with rows and columns
Half
Half
third
third
third
fourth
fourth
fourth
fourth
fourth
three fourth
fourth
fourth
Half
nesting
Half
half
Half
Half
fourth
three fourth
Half
Half
fourth
three fourth
third
third
third
fourth
three fourth
fourth
fourth
fourth
fourth