Search code examples
cssbootstrap-4microsoft-edgenav

MS Edge Navbar Toggle Issue


i tried to have the bootstrap 4 navbar toogler always show on screen and on clicking on it, to have the responsive behavior. Everything works just fine within FireFox or Chrome.

Unfortunately within MS Edge the navbar toogler moves to the side and i really don't know why.

Here is a example: https://www.bootply.com/b6rsrY0vCN (Opening this within FF or Chrome it works as expected. With Edge just not)

Has someone any clue, why this happens within Edge?

Thanks, Luc


Solution

  • Try to add the fixed Width property for the navbar element. Code as below:

    <nav class="navbar fixed-top" style="width:175px;">
    

    Then the result in Edge browser as below:

    enter image description here