This session covers the three layout bundles that split a row of content, without Layout Builder and without writing grid CSS.
Three separate sub-modules
One Column, Two Columns and Three Columns each ship as their own sub-module, so you can enable just the splits a site needs. One Column has no layout select at all — it is a single unlimited paragraph field, used to group several paragraphs into one styled container. The other two each add a Layout Style select.
The ratios actually on offer
- Two Columns — five ratios: 1/2 and 1/2, 1/3 and 2/3, 2/3 and 1/3, 1/4 and 3/4, 3/4 and 1/4.
- Three Columns — seven ratios: three equal thirds, 1/6-2/3-1/6, 1/6-1/6-2/3, 2/3-1/6-1/6, 1/4-1/2-1/4, 1/2-1/4-1/4 and 1/4-1/4-1/2.
How the split is rendered
The stored value is a pair or triple such as l4-l8. The template splits it on the hyphen and prints each part as a w3.css column class on a column div. The l prefix matters: those widths apply from 993px upward, and below that width each column takes the full row on its own. You get a responsive layout without adding a single media query.
Nesting is unrestricted
Every column field accepts any paragraph bundle, including the column bundles themselves — so a two-column split can hold a three-column split in its right half. The W3CSS Paragraphs module page lists what else can go in there.
Core requirement
All three install on Drupal 10, 11 and 12. The successor project Paragraphs Bundles only supports 11.3 and above, which is why these remain the layout bundles for a Drupal 10 site.
Would rather have this configured for you? That is Drupal development — or get in touch.
