From the course: Bootstrap 3 New Features and Migration
Unlock this course with a free trial
Join today to access over 22,400 courses taught by industry experts.
Learning responsive class updates - Bootstrap Tutorial
From the course: Bootstrap 3 New Features and Migration
Learning responsive class updates
One of the cool features of the old Bootstrap was the ability to mark content so that it only appeared in certain devices. That remains in the new version, but the class names have changed. And that's really important because you'll have to modify all your classes if you upgrade. So instead of using classes like visible phone, visible tablet, visible desktop, hidden phone, etc., you're now using classes called visible-sm for small, visible-md for medium, and visible-lg for large. Bootstrap 3 also adds classes for print design, and that's really cool, because it will let you decide whether certain elements in your layout will show up only when printed. So, although this is not a huge change, it's super important and deserves separate mention, because it's something that you'll have to replace or adapt to in your older layouts.
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
Understanding the mobile-first approach1m 43s
-
Getting and installing Bootstrap 31m 55s
-
Using the new grid system2m 41s
-
Working with Bootstrap typography1m 17s
-
Updating your forms2m 17s
-
Using buttons, images, and icons1m 48s
-
Learning responsive class updates48s
-
Understanding component changes2m 4s
-
Reviewing JavaScript changes2m 29s
-
-
-
-