From the course: Bootstrap 3 New Features and Migration

Unlock this course with a free trial

Join today to access over 22,400 courses taught by industry experts.

Dealing with grid changes

Dealing with grid changes

So we've migrated our site from Bootstrap 2 to Bootstrap 3 by installing the new CSS and the new JavaScript files. And the first thing you probably want to fix is the basic layout of your pages, and that's actually extremely easy to do. Before we do that, I'm going to show you how I coded this page because it's important to understand. If you look at my index.php page, you'll see that I'm using PHP components here. To make sure that I separate the part of my content from my layout, and that's going to make it really easy to understand what's changed. Because if you look at this page, there's only a few tags that you need to worry about. 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…

Contents