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, col-lg-4.…

Now depending on how wide your document window was when you…