asked on 3/13/2017

Best Bootstrap Way to Do Adaptive Screen for Columns

I am using Bootstrap and am looking for the best way to accomplish a design where I have three images that I want to appear:

As Three Across on a Wide Desktop Screen
As Two Across on a medium screen with the third centered below.
Stacked on a small screen.

I have attached an image that shows what I'm looking for.

I know how to get it to do three across for big and stacked for small, but I'm not sure how to design this so that it switches to Two and then One below for the medium.

A simple example would be helpful. Thanks.
bootstrap_example.png

* switches Bootstrap

Last Comment

Paul Konstanski

9/5/2017

ASKER CERTIFIED SOLUTION

lenamtl

8/28/2017

THIS SOLUTION IS ONLY AVAILABLE TO MEMBERS.

View this solution by signing up for a free trial.

Members can start a 7-Day free trial and enjoy unlimited access to the platform.

See Pricing Options

Start Free Trial

Paul Konstanski

9/5/2017

ASKER

Thank you for your insight. I will continue to use this as I work at fixing this site in a couple of weeks. It's a back-burner project so your timing works great.

Bootstrap

Bootstrap is a free and open-source collection of tools for creating websites and web applications. It contains HTML- and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions. It aims to ease the development of dynamic websites and web applications. Bootstrap is a front end web framework, that is, an interface for the user, unlike the server-side code which resides on the "back end" or server.

Questions

Followers

Top Experts

Get a personalized solution from industry experts

Ask the experts

"Invaluable tool for our organization"
Josh Regalski
"This is the best money I have ever spent."
@rwheeler23
"Your help has saved me hundreds of hours of internet surfing."
@fblack61
"Just a dang good service!"
@golferski
"Worth every penny."
Steve Hougom
"It’s been a life saver."
Maria Halt
"Best support site I’ve seen!"
Bob Schneider
"I would be lost without them."
@fblack61
"Saved my job multiple times."
Walt Forbes
"I love this site."
Maria Duwe
"Friendly respectful help."
Andrew Kowtalo
"Such top-notch experts."
@magento
"The best money I have ever spent."
@rwheeler23
"Beyond any comprehensible value"
George Morris
"Invaluable tool for our organization"
Josh Regalski
"This is the best money I have ever spent."
@rwheeler23

Read over 600 more reviews

TRUSTED BY