By the end of this you can build one, two and three column sections in Drupal, choose the column ratio, and make individual columns sticky or collapsible.
Three container types
paragraph_bundle_layout installs One Column, Two Columns and Three Columns. Two Columns exposes a Left Column and a Right Column; Three Columns adds a middle one. These containers hold other paragraphs, which is how a page ends up with cards on the left and an image on the right.
Ratios and stacking
Layout Style sets the split: for two columns 1/2 - 1/2, 1/3 - 2/3, 2/3 - 1/3, 1/4 - 3/4 or 3/4 - 1/4; for three columns seven combinations, including 1/6 - 2/3 - 1/6 and 1/4 - 1/2 - 1/4. Available breakpoints — 576, 768, 992, 1200 or 1400 px — decides where the columns stop sitting side by side.
Sticky and collapsible columns
This is what separates the layout bundle from a plain grid. Every column has three of its own switches:
- Left default state — Open or Closed when the page loads.
- Left sticky — the column stays put while the rest scrolls, with a Sticky top offset in pixels.
- Left toggle — gives visitors a show and hide control.
Above them sit Expand visible columns, which lets the remaining columns take the freed width, Toggle icon style (chevron, caret, plus and minus, or angle), Toggle icon position, Toggle animation effect (none, slide, fade, or slide and fade) and an animation duration in milliseconds.
What you need
Drupal 11.3 or 12. The layout CSS is delivered as separate files per breakpoint, so only the rules a viewport needs are in play.
The Paragraphs Bundles module page lists every bundle you can nest inside these columns.
If your project needs a custom bundle or module rather than a stock one, Drupal development services covers it, and recent projects show the range.
