@navbar-height: 50px; Now change the original value to the desired value and compile the {LESS} files to CSS. In this tutorial you will learn how to create static and fixed positioned responsive navigation headers using the Bootstrap navbar component. But when I use that both the navbar-brand and the navbar are messed up as you can see in this image. Step-by-step instructions. Add your logo image insidea.navbar-brand; You can set the logo width and height bywidth="",height="" attributes. Add py-0 class to all link elements Navbar Bootstrapious brings you free Bootstrap 3 Themes for your next project. Thank you! Navbar navigation links build on our .nav options with their own modifier class and require the use of toggler classes for proper responsive styling. The Bootstrap 4 Navbar doesn’t have a set height, so it’s rendered height (~54 px) is controlled by the size of the Navbar’s content (brand, links, … If you add .navbar-fixed-top class to the navbar's parent element