Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
The ability to use prebuilt components is one of the cool things about the Boostrtap library. In the new version of Bootstrap, components, surprisingly enough, stay pretty similar but there are a few important changes you have to watch out for, especially when you're upgrading an old site. So, for example, drop downs which are super popular, are pretty much unchanged but you have to watch out for certain things. So for example, if you add a drop down to a button, you just have to remember that the buttons take two classes instead of just one. So you have to add a class of BTN and then something like BTN default or one of the other button types. The navbar code is a little bit different, so if you take a look at the old navbar code, you'll see that it's just a simple unordered list with a class of nav. Li class active so if you look at the new code you'll see that it's slightly different.
We're using a class of navbar to wrap around the entire thing, and then we have a link right here with the brand which now is called navbar brand. And then we have the on order list like before. Again, you have to watch out for these very tiny class changes throughout the whole library. Now, another thing that's changed is what we used to call the hero unit which is now in the typography section. The hero unit is now called jumbotron. So other than that, it stays pretty much the same. Again, if you use any buttons, you have to watch out for the new button classes. Also if you go to Thumbnails they pretty much use the same mark up as regular columns, so we're using the same style as columns called col and then the name of the column with an lg and then a number, so that's a little bit different than before.
Now there's another small change in the Progress bars. I really didn't use that feature very much before. The inside class is now called, of course, progress bar, instead of just bar. And also, the classes for inside color changes also get the progress prefix. There's a lot of very small adjustments to the components in the new version of Bootstrap. So you'll notice there's only a few things that may not work, and you have to watch out for those changes when you're upgrading your Bootstrap.
Get unlimited access to all courses for just $25/month.Become a member
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.
Your file was successfully uploaded.