An aligned row alternative

Modifier for the default bootstrap 3 grid that has its contents aligned this basicaly transforms the normal grid into a "table" with cells each column has an even height

This code has limitations:

  • all columns must account for 100% of the width (aka 12 columns) no gaps
  • no support for push/pull/offset modifier class support
  • the columns are displayed as table-cells, they thus behave like tables, which can cause unwanted behaviour in some cases.

Breakpoint:

  • xs = small spartphones
  • sm = tablets
  • md = small desktop
  • lg = large desktop

Columns:

  • 1-12 = number of columns

Alignment: (this is the vertical alignment within a column)

  • top
  • middle
  • bottom

alignment example

Background color examle