From the course: Dreamweaver CC 2015: Responsive Design with Bootstrap
Unlock the full course today
Join today to access over 22,400 courses taught by industry experts or purchase this course individually.
Hiding elements - Dreamweaver Tutorial
From the course: Dreamweaver CC 2015: Responsive Design with Bootstrap
Hiding elements
The way Bootstrap is being integrated into Dreamweaver makes it very easy to hide elements selectively depending on the size of the view port. Typically, you'll want to hide less important elements on extra small devices. I've re-sized the document window to show the layout of the page we've built as it'll look on a viewport less than 650 pixels wide. And I'd like to hide a couple of the articles in the highlights section. So, let's just scroll down. And I'm going to hide this Great Outdoors, so just click anywhere in there. I've selected that H2. We need to select the parent element, that's the column, and a quick way to select the parent element in live view is to hold down the control key on Windows or the Command key on a Mac and press left, square bracket. That gives us the article, that's the whole column there. To hide it, just right-click and select "hide element" and it's gone. So, let's do that with another one. Let's do it with Birdwatching. Again, select the parent…
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
-
-
-
-
-
-
Resizing columns4m 57s
-
Duplicating columns with placeholder text6m 28s
-
Using Paste Special in Live View5m 40s
-
Clearing columns of uneven length6m 29s
-
Creating the feature section7m 40s
-
Adjusting the layout and styling the feature section8m 9s
-
Adding more content5m 30s
-
Adding the page footer7m 6s
-
Hiding elements3m 19s
-
Adding extra pages4m 44s
-
-
-