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

Unlock the full course today

Join today to access over 22,500 courses taught by industry experts or purchase this course individually.

Add the footer

Add the footer - Dreamweaver Tutorial

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

Start my 1-month free trial

Add the footer

- [Male] The webpage is now almost complete. All that remains is to add a footer. This is simply another row with one or more columns. I'm going to insert only a very basic footer. So we need to select the last row. That's the section which has got the ID articles. There it is in the DOM panel. I've selected it then we can click this add new row icon. It's added a new row. Because the previous row had the HTML5 section element, it's also created a section. So what we need to do is to change that to a footer. I can do that in the DOM panel by double clicking that and changing section to footer. And then Dreamweaver has automatically given us two empty columns. I want only one column so I'm going to select that second one and delete it. And then the other column, I want it to span the full width. I'm just going to delete that class there. And then add a new class which will be col-12 which I can get from code hints. And that automatically spans the entire width of the view port as all…

Contents