avatar image

Welcome, Guest. Please login or register.
Did you miss your activation email?

Login with username, password and session length
  • Friday July 19, 2024, 12:34 pm
  • Proudly celebrating 15+ years online.
  • Donate now to become a lifetime supporting member of the site and get a non-expiring license key for all of our programs.
  • donate

Author Topic: The Subtle Magic Behind Why the Bootstrap 3 Grid Works  (Read 5385 times)


  • First Author
  • Administrator
  • Joined in 2005
  • *****
  • Posts: 40,911
    • View Profile
    • Mouser's Software Zone on
    • Read more about this member.
    • Donate to Member
The Subtle Magic Behind Why the Bootstrap 3 Grid Works
« on: September 09, 2014, 06:20 PM »
I think this will be useful for web design people interested in getting content to lay out properly. It uses the Bootstrap 3 grid system:

Things like CSS grids should remain behind the curtain. No one really needs to know how it works, or why. Until you have a broken design or something complex and you can’t figure out why your spacing, margins, paddings etc are all messed up. It can be a real pain, especially when you are generating content dynamically in some sort of interface that changes and shifts.

I’ve seen a number of people confused or irritated at how the bootstrap grid works. I’ve explained it a bunch of times, and it always makes sense afterwards. So I’d like to quickly and visually explain why the Bootstrap grid works, not necessarily how. Let’s check out this one weird trick about how Bootstrap does its magic.

...This is why the Bootstrap 3 grid works. It’s really clever and provides an awesome solution most of us don’t realize is taking place. After many, many years of using grid frameworks, this is the most elegant solution I’ve used so far.


Screenshot - 9_9_2014 , 6_18_14 PM_thumb001.png

« Last Edit: September 09, 2014, 06:31 PM by mouser »


  • Honorary Member
  • Joined in 2008
  • **
  • Posts: 1,198
    • View Profile
    • Donate to Member
Re: The Subtle Magic Behind Why the Bootstrap 3 Grid Works
« Reply #1 on: March 24, 2016, 03:38 AM »
Old, but still useful :) Thanks for sharing :Thmbsup: