From the course: Bootstrap 3 Essential Training
Unlock the full course today
Join today to access over 22,500 courses taught by industry experts or purchase this course individually.
Using responsive utilities - Bootstrap Tutorial
From the course: Bootstrap 3 Essential Training
Using responsive utilities
- Bootstrap offers a set of responsive utility classes so that you can control the visibility of certain elements. Now these classes allow you to turn visibility on or off, depending on certain responsive breakpoints, or, when the user tries to print out the page. The formula for doing this looks like this. You specify a visibility keyword, and that's visible, or hidden. Then you add a size, and those correspond to the responsive grid, so the options are the same as any of the grid breakpoints, that's XS, SM, MD, LG, and there's also an option to specify print as a breakpoint. Which means that the element will be visible, or hidden, when somebody tries to print out the page. Finally, if you're specifying that something needs to be visible at a specific breakpoint, or for print, you can optionally provide information about the display element for that breakpoint. So you can ask the element to display as a block element, an inline element, or, an in-line block element. Or you can…
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.