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

Duplicating columns with placeholder text - Dreamweaver Tutorial

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

Start my 1-month free trial

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…

Contents