Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!

  1. MDB Home Page
  2. Support Main Page
  3. General Bootstrap questions
Topic: After switching my project from Bootstrap 3 to Bootstrap 4, the UI collapsed

Tarek Faham free 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

Mirosław Stasiak free answered 7 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 7 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 7 years ago

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
Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

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

Resolved

Specification of the issue
  • ForumUser: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags
About author
Tarek Faham
10Support score
1Questions 1Answers 0Snippets