Topic: After switching my project from Bootstrap 3 to Bootstrap 4, the UI collapsed

Tarek Faham free asked 5 years ago

Several weeks ago, I tried to implement Bootstrap v4.0.0-alpha.6 (after removing references to Bootstrap 3 from the header), and the project UI collapsed. Basically, a lot of the elements disappeared, and the look and feel was slightly messed up. So, I reverted back immediately without doing any further investigation.

I am just wondering if you have to follow certain steps to migrate to Bootstrap 4 and if you need to make changes to your style.css file or any other changes in HTML.

Appreciate your feedback.


Mirosław Stasiak free answered 5 years ago

Hi Tarek, Unfortunately, there is no tool that will assist in the migration process. You need to take care of this on your own. Regards,

Tarek Faham free answered 5 years ago

OK, thanks... but, if my understanding is correct, I am sure this is not going to be an easy journey ! I was wondering if there is some sort of tool that will assist in this migration process, since a lot of the tasks are about renaming classes used in your project. Again, I appreciate your feedback, just to make sure that I understand what needs to be done. Tarek

Sebastian C pro answered 5 years ago

There's a migration section in the v4 docs:   I'm currently going through the same processes - some major items of note for me: :: navbar-toggleable-* is now navbar-expand-* :: hidden-* is now d-*-none :: card-block is now card-body

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • User: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No