Simple Bootstrap Columns Documentation

Use the Boostrap Basic Columns package to include very basic and simple data in a grid on your site. Or use it as a starting point for your own custom templates!

Each template in this package should only be used ONCE per page. Attempting to use it in multiple places will result in the same information being output each time.

Two Columns

Display content in two columns on medium and larger breakpoints (small and extra-small will display in full width).

Two Columns
{% include "/marketpath/basic-bb5-columns/_column_halves.widget.liquid" %}

Three Columns

Display content in three columns on medium and larger breakpoints (small and extra-small will display in full width).

Two Columns
{% include "/marketpath/basic-bb5-columns/_column_thirds.widget.liquid" %}

Four Columns

Display content in four columns on medium and larger breakpoints (small and extra-small will display in full width).

Two Columns
{% include "/marketpath/basic-bb5-columns/_column_fourths.widget.liquid" %}

Custom Columns

Display content using custom sizing. This option allows the greatest level of customization at the expense of a lot of options for the editor. You can even add custom classes.

Two Columns
{% include "/marketpath/basic-bb5-columns/_column_custom.widget.liquid" %}