One of the nice things about Bootstrap is it’s grid system and how it can be leveraged to do some pretty cool things as you move from device to device. Aside from knowing that the standard measure is for 12 columns wide, it is also important to know what the breakpoints are for each size.
Bootstrap uses 4 different classes to accomplish this.
- Extra Small has a breakpoint for displays of less than 768px (many/most phones in portrait mode)
- Small has a breakpoint between 768px and 991px (appropriate for most tablets)
- Medium has a breakpoint between 992px and 1199px (laptops and desktops with small screens)
- Large has a breakpoint greater than 1200px (suitable for the modern laptop or desktop)
If you don’t apply a breakpoint to a column,then the default behavior is to stack the columns.
You can use multiple breakpoint classes in a div so that you can have different behaviors for different sized screens but just remember, the lowest appropriate breakpoint is going to win.
I'm a technologist at heart, assisting companies best utilize the Internet to market themselves and sell their products and services online. This includes organizations as large as Google and as small as one or two individuals.
At Over The Top and Exhibit A Communications, I've programmed solutions for Google as well as at least one other company that was later acquired by Google.
I've been CTO of an Internet SaaS company and spent my time pretty evenly between guiding the future technical strategy of the company, architecting software solutions for my dev teams, designing and running a data center to service our clients world-wide as well as being a technical evangalist/sales engineer to our media clients large and small.
I've also been Chief Photographer of the Daily Sun/Post newspaper back when it was a 5-day a week daily newspaper.
I also spent a great many years as a beach lifeguardfor the City of San Clemente as well as Jr. Lifeguard instructor and then as it's program coordinator.
Bragging rights
Private Pilot with Instrument rating and proud husband of soon to be 25 years (and counting).
At Over The Top and Exhibit A Communications, I've programmed solutions for Google as well as at least one other company that was later acquired by Google.
I've been CTO of an Internet SaaS company and spent my time pretty evenly between guiding the future technical strategy of the company, architecting software solutions for my dev teams, designing and running a data center to service our clients world-wide as well as being a technical evangalist/sales engineer to our media clients large and small.
I've also been Chief Photographer of the Daily Sun/Post newspaper back when it was a 5-day a week daily newspaper.
I also spent a great many years as a beach lifeguardfor the City of San Clemente as well as Jr. Lifeguard instructor and then as it's program coordinator.
Bragging rights
Private Pilot with Instrument rating and proud husband of soon to be 25 years (and counting).
Latest posts by Michael Gibbs (see all)
- Setting up SSL on Amazon Linux Instance under EC2 - July 26, 2018
- Method Chaining of Objects in C# - January 16, 2017
- Native SQL Backup And Restores on AWS RDS - November 9, 2016