Why does the dropdown menu in Bootstrap not display as it should?

Question

css

The dropdown menu should be displayed more neatly, i.e. menu items should not be placed on the header, but displayed below it. How to fix it and what is the reason?
codepen.io/dhatt/pen/RGprLB

Answer 1

Figured it out, you need to wrap the button in .navbar-header.
What to do with the topic, delete? If you figured it out.)