From the course: Dreamweaver CC: Responsive Design with Bootstrap 4
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Hide elements - Dreamweaver Tutorial
From the course: Dreamweaver CC: Responsive Design with Bootstrap 4
Hide elements
- [Instructor] Dreamweaver makes it easy to hide elements in a Bootstrap page selectively, depending on the size of the viewport. Typically, you might want to hide less important elements on extra small devices. So let's resize this page to extra small and you may want to get rid of these icons on an extra-small device. So select that icon, right-click, and then from the context menu, Hide Element. And it's gone. Again, with this one, right-click, Hide Element, and that one is gone too. But they'll be hidden only on extra-small devices. If we go to the next break point, just click to the right of 576 pixels, those icons are back. But let's say you change your mind, let's go back to that other break point. And then right-click and from the context menu, Manage Hidden Elements. And these are now displayed with that hatching. And if you select that, there's this little eye icon down below which will unhide the element. But before doing that, let's just take a look at the classes that…
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.
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.