is now LinkedIn Learning!

To access courses again, please join LinkedIn Learning

All the same content you know and love

Plus, personalized course recommendations tailored just for you

All the same access to your Lynda learning history and certifications

Try LinkedIn Learning for free
Questions? Visit our help center.
Skip navigation

Define the layout grid

Define the layout grid: Dreamweaver CC: Responsive Design with Bootstrap 4
Define the layout grid: Dreamweaver CC: Responsive Design with Bootstrap 4

The first step in building a responsive page with Bootstrap is defining the number of columns and media query breakpoints in the layout grid. Learn how to set these in the Dreamweaver New Document dialog box. Dreamweaver uses its internal Sass preprocessor to compile the Bootstrap style sheet from source files and generates a read-only style sheet. Custom styles will be added to a separate style sheet attached to the page.

Resume Transcript Auto-Scroll
Skill Level Intermediate
2h 34m
Show More Show Less
Skills covered in this course
Web Web Design Dreamweaver

Continue Assessment

You started this assessment previously and didn't complete it. You can pick up where you left off, or start over.

Start My Free Month

Start your free month on LinkedIn Learning, which now features 100% of courses. Develop in-demand skills with access to thousands of expert-led courses on business, tech and creative topics.

Start My Free Month

You are now leaving and will be automatically redirected to LinkedIn Learning to access your learning content.