From the course: Dreamweaver CC: Responsive Design with Bootstrap 4
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Insert a row and columns - Dreamweaver Tutorial
From the course: Dreamweaver CC: Responsive Design with Bootstrap 4
Insert a row and columns
- [Instructor] We now have a separate Bootstrap container for the page content. And to start laying out the content, we need to insert a row with the appropriate number of columns. So make sure that the container is selected in live view. Then, in the Insert panel with Bootstrap component selected, the third item down is grid row with column. Click that, it opens this dialog box. It asks where we want the row to be. Do we want it to be before the selected element, after the selected element, or nested inside? We want it to be nested inside our container so select that. And then you can change the number of columns to add here. The default is three. I'm going to stick with three and just click okay. And that has inserted our row inside the container, the row is now selected and you can see these vertical lines, the dotted lines, they indicate the columns that have been inserted. And if I select one of those columns you can see that it's a div and it has been assigned the class…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.