Working Angular NavBar not working after Bootstrap upgrade 3 to 4

Question

I have a simple working NavBar developed in Angular4 with Bootstrap 3.3.7. When I try to upgrade to Bootstrap 4 (either 4.0.0-beta or 4.0.0-alpha.6) the NavBar is simply no

Answer 1

The navbar structure and class names have changed from Bootstrap 3.x to 4.x. You need to migrate the 3.x code accordingly.

    

        

            

                Messages
            
            

                Transformations
            
            

                Actions
            
            

                Rules
            
        
    

https://www.codeply.com/go/RIbYHcOnQJ

Read more on what's changed and upgrade from 3.x to 4.x