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

Hiding elements - Dreamweaver Tutorial

From the course: Dreamweaver CC 2015: Responsive Design with Bootstrap

Start my 1-month free trial

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…

Contents