From the course: Dreamweaver CC: Responsive Design with Bootstrap 4
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Insert a navigation bar - Dreamweaver Tutorial
From the course: Dreamweaver CC: Responsive Design with Bootstrap 4
Insert a navigation bar
- [Instructor] In this chapter, we'll insert and edit a navigation bar in our Bootstrap page. Dreamweaver CC makes inserting a Bootstrap Navbar a breeze with just a couple of clicks. So let's get to work. Make sure you've got the focus in live view by clicking anywhere inside live view. And that brings up this blue outline with body. You need to be able to see that blue outline to ensure that that Navbar is inserted in the correct place. Next go to the Insert panel and from the menu at the top, make sure that Bootstrap Components is selected. And then we need to scroll down a little bit to find it. And here we've got Navbar and immediately below that is Navigation. So, what's the difference? Well, let's start by expanding Navigation. Just click that little down arrow there. That opens the sub menu. We've got Nav Tabs, Nav Tabs with Dropdown, Nav Pills, and Nav Pills with Dropdown. Nav Tabs creates a Navigation menu that's styled like a series of tabs. And Nav Pills is a menu styled as…
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.
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.