After switching my project from Bootstrap 3 to Bootstrap 4,

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

Tarek Faham asked 7 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.

Tarek

Add comment

Sebastian C pro answered 7 years ago

0 0 Best answer

There's a migration section in the v4 docs: https://getbootstrap.com/docs/4.0/migration/ 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

Add comment

Tarek Faham answered 7 years ago

0 0 Best answer

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

Add comment

Mirosław Stasiak answered 7 years ago