How to Create Navbars with Bootstrap 4

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!

Grab it

Dive into a comprehensive 90-minute video series on creating and customizing Bootstrap 4 navbars. Learn to utilize Bootstrap's utility classes for navigation links, starting from the basics and progressing to advanced techniques. Explore topics such as setting up a test page, understanding navbar documentation, creating default and right-aligned navbars, integrating search bars and icons, adding images to links, implementing dropdowns, designing application-specific navbars, and developing responsive navigation. Gain practical skills in HTML, CSS, and Bootstrap 4 framework through this hands-on tutorial series.

Syllabus

How to Create Navbars with Bootstrap 4, Part 1: Getting Started.
How to Create Navbars with Bootstrap 4, Part 2: Creating a Test Page.
How to Create Navbars with Bootstrap 4, Part 3: The Navbar Docs.
How to Create Navbars with Bootstrap 4, Part 4: The Default Navbar.
How to Create Navbars with Bootstrap 4, Part 5: Creating a Navbar with Right-Aligned Links.
How to Create Navbars with Bootstrap 4, Part 6: Adding a Search Bar to the Navbar.
How to Create Navbars with Bootstrap 4, Part 7: Adding Icons to Navbar.
How to Create Navbars with Bootstrap 4, Part 8: Adding Images to Navbar Links.
How to Create Navbars with Bootstrap 4, Part 9: Creating Navbar Dropdowns.
How to Create Navbars with Bootstrap 4, Part 10: Creating an Application Navbar, Part 1.
How to Create Navbars with Bootstrap 4, part 11: Creating an Application Navbar, Part 2.
How to Create Navbars with Bootstrap 4, 12: Creating Responsive Navbars.