Skip Navigation

How to Create Navbars with Bootstrap 4

The Bootstrap 4 framework includes a bunch of useful utility classes to help you get started. Learn how to use and customize Bootstrap navbars, or navigation links, in this series from CodeTime. This series assumes some basic HTML and CSS skills, as well as a very basic familiarity with the Bootstrap 4 framework. It’s code time!




Peter Medina

Learning Outcome:

  • How to create navigation links using the Bootstrap 4 Navbar component
  • How to customize the layout of a Bootstrap 4 navbar
  • How to use Bootstrap 4 utility classes to change the alignment of your navbar links
  • How to create menu dropdowns
  • How to add icons and images to a Bootstrap 4 navbar
  • How to create a common web application navbar interface
  • How to change your navbar mobile settings