Category: 4. Bootstrap Nav & Navbar

  • Alignment of Nav Items

    By default, navs are left-aligned, but you can easily align them to center or right using flexbox utilities. The following example uses the class .justify-content-center to align nav items to center. Example — The output of the above example will look something like this: Similarly, you can align nav items to right using the class .justify-content-end, like this:…

  • Bootstrap Nav: Tabs & Pills

    In this tutorial you will learn how to create navigation using Bootstrap nav component. Bootstrap Nav Components Bootstrap provides an easy and quick way to create basic navigation as well as components like tabs and pills which are very flexible and elegant. All the Bootstrap’s nav components, including tabs and pills, share the same base…