Bootstrap Media Queries & Device-Specific Styling


show more Exploring Bootstrap media queries and device-specific styling provides you with in-depth training on Web. Taught by Jen Kramer as part of the Up and Running with Bootstrap 2 show less
please wait ...

Exploring Bootstrap media queries and device-specific styling

One of the last things you might want to do working with your grids in responsive design inside of Bootstrap is you may wish to have some particular parts of the layout visible only on a desktop or visible only on a tablet, visible only on a phone, or you may want to hide on one of those devices, and Bootstrap includes some classes that will allow you to do exactly that. I am at getbootstrap.com, and I'm under the Scaffolding tab under Responsive design, and if you'll just scroll on down here a little bit on this page, you'll see a very useful chart here under Responsive utility classes.

So this explains to you exactly how these particular classes work and what particular devices using those classes will produce content that's visible or invisible on certain devices. We're going to put those to work here in just a second. So, what I would like to do is I'd like to set up a row on the web page that we've been working on so far, and I'm going to have it set up such th...

Exploring Bootstrap media queries and device-specific styling
Video duration: 4m 11s 2h 38m Beginner

Viewers:

Exploring Bootstrap media queries and device-specific styling provides you with in-depth training on Web. Taught by Jen Kramer as part of the Up and Running with Bootstrap 2

Subject:
Web
Software:
Bootstrap
Author:
please wait ...