Join Ray Villalobos for an in-depth discussion in this video Using the exercise files, part of Bootstrap 4 Migration.
- If you have access to the exercise files for this course, you can download them to your desktop as I have done here. Inside the Exercise File folder, you'll find a folder for each of the chapters in the course. Inside that, you'll find a series of subfolders with the files for each video with examples to follow. I'll start each video with a copy of this folder on my desktop renamed to boot4new and opened up in my favorite text editor.
I'll be using visuals to give code for this course. A copy of the index HTML file will also be opened in my browser. Like with many of my projects, for more advanced users, there is a GitHub respository for this course available at this URL. It has the advantage of also having a copy of the files at the end of each video. You can switch to them by going through these different branches. So, if you see something like 01_03b, this means that this is how the files look at the beginning of chapter one, video three.
If you see an E at the end of the video, this is how the files look at the end of chapter one, video three. You need to go into the Bootstrap folder and then find that index of that HTML file. Once you reach one of these files, you can switch to another branch to get to another video in the course. Unfortunately, this version will not include the images.
But you'll notice that in the Exercise Files folder I've added a folder with all the images for this project. If you don't have access to the exercise files, that's okay, you can still follow along by watching how I use the files. So, let's get started.
- 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