Sample content photo

The Classic Article Arrangement

This is the same two-column grid as the left-sidebar page with the columns swapped: col-md-8 takes the left edge, col-md-4 sits to the right. Readers enter a page at the top-left, so the article wins the first glance and the rail becomes a quiet second column — the arrangement most blogs and news sites settle on.

It's the natural home for complementary material: related links, a call to action, a compact bio. Nothing in the rail is required to understand the page; everything in it rewards the reader who finishes and wants somewhere to go next.

No Order Utilities Needed

On phones the columns stack in source order, which here already puts the article first — no .order-* classes required. That's the practical difference from the left-sidebar page: this layout is simpler in the markup, while the left-rail version spends two utility classes to get the same mobile behavior.

  • col-md-8 / col-md-4 — content first in markup
  • No order utilities — source order already works
  • row g-4 — same gutter as the left-sidebar page
  • Two .sidebar-block widgets in the rail
  • Compare with left-sidebar.html for the mirror
All Templates