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 cards

Insert cards - Dreamweaver Tutorial

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

Start my 1-month free trial

Insert cards

“

- [Instructor] Dreamweaver CC automatically generates the HTML and CSS for more than 20 different types of bootstrap components. In this chapter, we'll take a look at how to edit just a couple, starting with Cards. Simple, flexible containers designed to draw attention to their content. With the feature section selected in Liveview, click the icon to add a new row. On my monitor it's at the top right of the section, it might be at the bottom on yours. Click that, and then scroll down to find that new row. Dreamweaver's applied the same HTML5 element section to it because the previous one was also a section. We need to give this an ID. I'm going to call it articles. And then Dreamweaver asks whether we want to create a style rule for that, it needs to be in Yosemite.CSS, that's our custom styles. That's all fine, just click away. That'll create a new style rule. And then select the first column inside that new row. I'm going to put a Card inside this column, so go to the Insert Panel…

Contents