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.

Style the feature section

Style the feature section - Dreamweaver Tutorial

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

Start my 1-month free trial

Style the feature section

“

- [Narrator] If you take a literal approach to Bootstrap rows, the feature section should really be three separate rows, because the columns for this heading and for this image of Tunnel View are always too wide for any other content to be alongside them. However, using a row for these vertically stacked columns makes it easy to style them as a single unit. They've already been centered by using the justify-content-center Flex utility class. So let's quickly add a few more styles. So I'm going to switch to the CSS Designer, and I know I'm going to need some extra space, but before doing that, I'm going to drag the Assets panel out, so that I can see it. And the reason I'm doing that is because in the images folder is this file, colors.png, that's got some swatches of the colors I'm going to use, and if necessary you can resize this pane at the top. So I can now collapse those columns, and in the CSS Designer in the Sources pane, make sure that the stylesheet for custom styles…

Contents