From the course: Dreamweaver CC: Responsive Design with Bootstrap 4

Unlock the full course today

Join today to access over 22,400 courses taught by industry experts or purchase this course individually.

Define the layout grid

Define the layout grid - Dreamweaver Tutorial

From the course: Dreamweaver CC: Responsive Design with Bootstrap 4

Start my 1-month free trial

Define the layout grid

- [Instructor] The first step in building a Bootstrap site is to define the layout grid. I want to customize the breakpoints, so I'm not going to use this bootstrap4 site that I've created earlier. I'm going to create a new site. And I'm going to call mine Yosemite Bootstrap 4. Now if you plan to use your own assets, you can call it whatever you like and you can create the local site folder wherever you want it to be. If you want to use the exercise files, on the other hand, browse to the main folder. I've got them on the Desktop. There they are. Exercise Files and inside there the Chapter One folder, 01_03. And select the begin folder. And then click Save. And inside the files panel, you can see that there's an images folder inside there is a selection of images that I'll be using, and inside there is an svg folder that contains a selection of svg icons. So now we've got our basic site assets. We need a webpage to start building our responsive site, and at the same time to define the…

Contents