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.
Adding more content - Dreamweaver Tutorial
From the course: Dreamweaver CC 2015: Responsive Design with Bootstrap
Adding more content
- The final section of content will be laid out as three tall columns on all devices, except extra small ones. In other words, those less than 650 pixels wide. To prevent the content from becoming too wide on very large devices I'm going to use the same technique as with the highlight section earlier in this chapter. All of these articles in the highlight section, are in a row that is nested inside this single column of an outer row. So on large devices, this parent column constrains the width of the inner row. So thats the technique we are going to be using. Let's get to work. Make sure the document window is at least 1200 pixels wide and then select the feature section. Because we can't see the bottom of feature section on my screen, the duplicate row and add new row icons have appeared at the top right. So just click the icon for add new row. That inserts a new row and leaves it selected. So let's give it an ID by clicking this plus button here. And the ID I will give it will be…
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
-
-
-