Bootstrap 4 Migration

Author

Released

3/31/2017

Bootstrap 4 boasts a number of major changes and improvements to the popular front-end framework. If you've been curious about making the switch to Bootstrap 4, this course can prepare you to tackle the migration process. Join Ray Villalobos as he highlights the new features and changes you can access in this upgrade. Ray explains how to approach new components such as cards, as well as how to work with flexbox containers and display properties. After he familiarizes you with what's new in Bootstrap 4, he explains how to migrate a website from Bootstrap 3 to 4. Ray also goes over how to handle some of the more challenging aspects of the migration process, including migrating carousels and navigation tables.

Topics include:

Reviewing the core changes in Bootstrap 4

Using display properties

Reviewing flexbox container options

Designing basic cards

Using badges

Upgrading from Bootstrap 3

Migrating to the new grid

Upgrading navs

Learning about table and form changes

Reviewing dropdown changes

Changing a carousel

Skill Level Intermediate

2h 14m

Duration

23,090

Views

Show MoreShow Less

- [Ray] Hey there, this is Ray Villalobos,Senior Staff Author, and in this course I'm going to teach youabout the new version of Bootstrap, version four.This course is designed for peoplewho want to know what the new featuresor are thinking of migrating an existing sitefrom the old version to the new.I'm going to start by giving you a quick summaryof the upgrade, focusing on what's new and what has changed.Then we'll work on the new componentsthat are important to learnwhen switching to this version of Bootstrap,including the display properties and flexbox containersthat affect so much of how Bootstrap works.

We'll take a look at cards,an important new component with many layout options.Then we'll take a look at how migrating a websitefrom version three will need to be tackled.We'll start by looking at some of the optionsfor migrating to the new grid,and then we'll take a look at some of the major componentsthat are going to be challenging to migrate,like the navigation, tables, forms, as well as carousels.There's a lot to learn, but that's why you're here.So let's get started.