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

Using responsive utilities - Bootstrap Tutorial

From the course: Bootstrap 3 Essential Training

Start my 1-month free trial

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…

Contents