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.
Apply quick styles to the navigation bar - Dreamweaver Tutorial
From the course: Dreamweaver CC: Responsive Design with Bootstrap 4
Apply quick styles to the navigation bar
- [Instructor] Bootstrap 4 makes it easy to change the color scheme of the navbar with a couple of classes or a single inline style. First thing to do is to make sure that you've got the whole of the navbar selected. I've managed to do that, you can always check it in the DOM panel. It's the nav element that you need to select. No real surprise there and in the element display, you can see that the last two classes are, .navbar-light and the .bg-light. The first one .navbar-light controls the color of the text and at first this seems counter intuitive because we've got dark text here but the light means that it's intended to work with light background colors. This other class .bg-light controls the background color. Remove that by hovering over it and clicking the little x icon and then click the plus button to apply another class. All of the background color classes begin with .bg- and we've got code hints there which show us all the various options available. If we try .bg-dark we…
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.