From the course: Bootstrap 4 Layouts: Responsive Single-Page Design
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Coding Bootstrap navigation - Bootstrap Tutorial
From the course: Bootstrap 4 Layouts: Responsive Single-Page Design
Coding Bootstrap navigation
- [Instructor] We're getting it started by building navigation on our page and right now all we have on the page is just a series of links that will become the navigation, everything is wrapped up in a nav tag and the nav is gonna be inside the header. Which is going to have a couple of different pieces in it. The only interesting thing here is each one of these links has a hashtag as the href which means that when we create the sections on the page, we're gonna give each of those sections an ID that corresponds to these different hashtags. And so when I click on these links, it's going to make the page jump to that section on the browser. So we'll get started by adding a series of classes here. In Bootstrap the main class to begin a navigation is called navbar, and then you can use a navbar-expand and you specify the breakpoint at which you want the navigation to expand, so by default, Bootstrap is what we call mobile first. Which means the layout assumes that you're working on a…
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.