Tags
Language
Tags
<<
April 2024
Su Mo Tu We Th Fr Sa
31 1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 1 2 3 4
  1. Home
  2. eBooks & eLearning

Dreamweaver CC 2015: Responsive Design with Bootstrap

Posted By: Landau17
Date: 22 Sep 2017 04:08:49
Dreamweaver CC 2015: Responsive Design with Bootstrap

Dreamweaver CC 2015: Responsive Design with Bootstrap
MP4 | Video: 720p | Duration: 2:10:42 | English | Subtitles: VTT | 459.7 MB



Bootstrap—the popular HTML, CSS, and JavaScript framework for building responsive mobile-first websites—has been fully integrated into Dreamweaver CC 2015. The combo puts responsive web design within reach of all Creative Cloud members. This project-based course will show you how to define a Bootstrap layout grid in Dreamweaver, and build a responsive webpage using Bootstrap components and Dreamweaver's column tools. Author David Powers also shows how to add a hero image to your front page, create placeholder content with the text editor Emmet, and go straight to the DOM to move page elements around, avoiding the need to restructure the HTML.

Topics include:
  • 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
UPWARDS