Overview
-
Learn how to build responsive websites using Dreamweaver CC and the Bootstrap 4 framework.
Syllabus
-
Introduction
- Speed up responsive design
- What you should know
- Set the Bootstrap version
- Understand the layout grid
- Define the layout grid
- Insert a navigation bar
- Edit the links
- Improve usability on small screens
- Apply quick styles to the navigation bar
- Customize the color scheme
- Add a background image to the brand
- Add a container for the page content
- Insert a row and columns
- Insert a responsive image
- Remove gaps around the image
- Position text over the image
- Resize and duplicate columns
- Flex layout: Equally distributed columns
- Use semantic markup
- Paste formatted text
- Insert fixed-size images
- Flex layout: Centered columns
- Paste into an empty column
- Style the feature section
- Insert cards
- Add content to cards
- Superimpose text on a card image
- How a carousel is structured
- Edit a carousel
- Add the footer
- Hide elements
- Add extra pages
- Next steps
