This is because, in Bootstrap 4, the navigator toggle symbol is now an SVG image. Bootstrap 3Īnother common visual issue when migrating is problems with the toggle symbol styling. The reference below illustrates the differences between Bootstrap 3 and 4 regrading font sizes for the heading tags. This is because Bootstrap 4 now uses larger font sizes across all of its’ core typography styling. Text is biggerĪfter migration the most common change you may notice is the text may look bigger. The following are normal and caused because of key changes to the Bootstrap framework. There are a number of factors that will cause your site to look different in Blocs V4 compared to Blocs V2. It’s important to remember Blocs does not change any custom classes, so any visual styling issues caused by custom classes will need to be manually amended. When Blocs migrates a project to Bootstrap 4, it checks the projects HTML for references to old Bootstrap 3 classes and also scans the HTML structure making changes when required. It’s important at this point to make sure you have a backup of your project so you can easily revert to Blocs 2 if your migration requires a lot more work than you had initially envisaged. When you open a Blocs V2 project in Blocs V4, Blocs will ask if you would like to migrate the project to Blocs V4. So please back up your projects before you continue to migrate. Once a project is migrated and saved it can no longer be reverted, meaning it cannot be opened or used with Blocs V2. The most important thing to remember before you migrate a project from Blocs 2 to Blocs 4 is to back it up.