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

Unlock the full course today

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

Inserting the hero image

Inserting the hero image - Dreamweaver Tutorial

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

Start my 1-month free trial

Inserting the hero image

- We now have a separate Bootstrap container for the page content. Let's start by adding the hero image. Everything inside the container needs to be nested inside a row, so make sure that the container is still selected in live view. And in the Insert panel on the Bootstrap component, the third item down is Grid Row with column. So if you select that, we get this dialogue box. It asks where you want to insert the row. It needs to go inside the container, so we need to select Nest. And then it asks how many columns to add. The default is three; I'm going to change that to one, and then click OK. And it looks that all that has happened is that that little element display has changed from container to div row. That's because it's been nested inside, and Dreamweaver has automatically selected it. And if we click inside that row, the element display changes to div col-md-12. So in other words, we've got that div, which is a column, that spans the full width of a medium-sized device…

Contents