Migration from Bootstrap 3 to Bootstrap 4

Posted November 1, 2017 by prachiuit_17

“Bootstrap 4 boosts various significant changes and enhancements to the prominent front-end framework. If you are really move to Bootstrap 4 these course will help you to tackle the migration process.”

Major Changes

These are the global changes in Bootstrap 4

Switch from Less to Sass for the source CSS files.
Switched from px to rem as the primary CSS unit.
Media queries are now in ems instead of pxs.
Global font-size increased from 14px to 16px.

Things to be remember before migrating bootstrap version 3 to version 4

Bootstrap Source Code

Bootstrap 3 source codes incorporate the precompiled CSS, JavaScript, and font assets, along with source Less, JavaScript, and documentation. On the other hand bootstrap 4, source less was replaced with Sass files due to its migration.

Installing Bootstrap 4

Bootstrap 4 having variety of options to install.

Grid System Updates

It still uses the same HTML syntax only the measurement unit change.

Class Changes and Updates

There are some few changes in class between both the versions.

Tables Contextual Classes

Bootstrap 3 used contextual class to put some background color on table. But Bootstrap 4,added .table-* prefix on each contextual classes.

Table Condensed Renamed

For making the table more compact, Bootstrap 3 uses .table-condensed class. In Bootstrap 4 .table-sm is uses for consistency.

Form Classes

There are major changes in form classes i.e. .input-lg and .input-sm classes are replaced by .form-control-lg and .form-control-sm and dropping the .form-group-*.

About UI Trainings:

UI Trainings is one of the most renowned and credible instructors led online training platform. In sync with the latest technology & feeling the industry’s pulse. UI Trainings gets to you the right and the relevant knowledge for you to exceed in the highly competitive marketplace where it is either to differentiate your presence or perish!

User Interface Online Training Courses offered by UI Trainings which deals with complete corporate training as well as one to one individual training that secure the future of fresher’s.

Contact Us

UI Trainings
Website: http://uitrainings.com/
Email ID: [email protected]
IND: +91 880 532 2100
USA: +1 912 342 2100
UK: +44 141 416 8898
-- END ---
Share Facebook Twitter
Print Friendly and PDF DisclaimerReport Abuse
Contact Email [email protected]
Issued By Prachi Khilari
Website UI Online Training
Phone 8805322100
Business Address 208,Pride Purple Square,Kalewadi Phata, Wakad Pune-411057.
Country India
Categories Education
Tags bootstrap css tutorial , bootstrap for beginners , bootstrap template tutorial , bootstrap templates responsive , bootstrap tutorial for beginners , bootstrap tutorial for beginners with examples pdf , how to use css bootstrap , learn bootstrap online
Last Updated November 1, 2017