Duration: 2hr 1m | Video: h264, yuv420p, 1280x720 30fps | Audio: aac, 44100 Hz, 2 ch | 461 MB
Genre: eLearning | Language: English
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. Download
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
------------------------------------------------------------------------------------------
Download
TO MAC USERS: If RAR password doesn't work, use this archive program:
RAR Expander 0.8.5 Beta 4 and extract password protected files without error.
TO WIN USERS: If RAR password doesn't work, use this archive program:
Latest Winrar and extract password protected files without error.