Start learning with our library of video tutorials taught by experts. Get started
Viewed by members. in countries. members currently watching.
So for example, we've got the main content right here and we've got the sidebar content in this section and each one of these different parts are separated into different articles or aside items. So what we have in this HTML is essentially two sections and each of the sections has a band with different numbers. Now, if we want to update that into the new version of Bootstrap, you know that what we need to do is change the class from span and whatever number, then add col and then col-lg-1, which is really all wee need to do to update our layouts.
So, let's go ahead and do that. This is the index page, and I'm going to change this span8 to col col-lg, and then 8. And then do the same thing for this other span, and this one's going to be changed, of course, to a number 4 and that should be it. So let me go ahead and save this page and go into our website and refresh. And you'll see that my columns return just fine. So it's really just that easy, it's going to be a lot of these very simple types of changes that you need to do in your layout. And, if you do something like what I've done here, use PHP to separate your content from your layout, it's going to be really easy for you to find this kind of issue and resolve it when you upgrade to the new version.
All you have to do is find anywhere were you see a span tag and change it to the new layouts that appear in Bootstrap 3.
There are currently no FAQs about Bootstrap 3: New Features and Migration.
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.