Left Sidebar

This page runs on Marquee's left-sidebar layout: a four-column rail and an eight-column reading area on desktop, collapsing to a single stack on phones. Bootstrap's order utilities push the article ahead of the rail once the columns stack, so a phone visitor always lands on the words first and the rail catches up underneath.

Reach for this arrangement when the rail is doing real navigation work — a documentation tree, a filtered project archive, a blog organized by category. A visitor arriving from search gets the article immediately; a visitor who's browsing gets the map in the same glance.

Keep rail widgets short: a heading, a sentence of context, a tight list of links, maybe one button. The two widgets beside this article show that pattern at its natural size — swap their contents freely, the layout doesn't care which page reuses it. Compare this arrangement with its mirror image or drop the rail entirely on the no-sidebar page.