Join David Powers for an in-depth discussion in this video Adding extra pages, part of Responsive Design with Bootstrap and Dreamweaver CC 2015.
- We've created a Bootstrap page in Dreamweaver CC2015.…What about an encore?…I don't intend to build a complete new page,…but I will show you how to add extra pages.…There's a cool new feature in the DOM panel…that allows you to copy elements to other pages.…Let's go to the File menu,…select New, then New Document,…document type HTML.…The framework is Bootstrap because we've been…working with Bootstrap.…This Use Existing radio button will be already selected.…
We just need to attach our own CSS,…so click that link icon to the side there.…Because I've been testing, Dreamweaver already knows…which file I want, but normally you'd go to Browse…then make sure that you're in the correct site root,…open your Styles folder, select the custom stylesheet…and click OK, and OK again to close that.…If you've been following along,…changing the site definition for each video,…you'll probably see a warning message…about the Bootstrap stylesheet not being in the site root.…
If that happens to you, click this other chain icon,…
- Defining a custom Bootstrap layout grid
- Inserting and modifying a navigation bar
- Adding a container for a hero image
- Working with columns inside a Bootstrap container
- Creating placeholder content with Emmet
- Speeding up layout by duplicating columns
- Moving page elements in the DOM
- Previewing the mobile webpage with Device Preview
Skill Level Appropriate for all
Responsive Design Fundamentalswith James Williamson2h 15m Beginner
1. Getting Started
2. Creating the Site Navigation
3. Adding a Hero Image
Inserting the hero image6m 37s
4. Working with Columns
5. Using Device Preview
What next?2m 5s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.