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.
Duplicating columns with placeholder text - Dreamweaver Tutorial
From the course: Dreamweaver CC 2015: Responsive Design with Bootstrap
Duplicating columns with placeholder text
- We've nested a row inside a column and the new row has just one column that spans only half the row on small devices. I'm going to populate this column with placeholder content and then duplicate it five times to create six highlight articles at the top of the page. So make sure that the column in the nested row is still selected and then in the Text Selector, at the bottom of the document window, right click and select Quick Tag Editor and let's change this from a Div to an Article. Again, this will make it a lot easier to identify in the Done Panel. So press Enter or Return twice to confirm the change. With that column still selected, go to the Insert Menu and select Image. We want to nest our new image inside that column, inside the Article element, and then we need to make sure that we go to the Site Route and then to the Images Folder and inside the Images Folder to SVG and select Mountains_Icon. And because it's an SVG, it fills the entire column. So let's create a style rule…
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
-
-
-