Bootply Migration Tool

Bootply.com

Upgrade to Bootstrap 3

×Or, you can upgrade from Bootstrap 3 to 4
Bootstrap 3 is a major overhaul, and there are a lot of changes from Bootstrap 2.x. This conversion service is intended to help you upgrade to Bootstrap 3.

This upgrade tool replaces the Bootstrap 2.x CSS class names with Bootstrap 3.0 class names. Additionally, this tool converts Navbar, Modal and other components in accordance with the Bootstrap 3.0 docs.


See the complete Migration Guide for the latest changes.

Major CSS Changes

Bootstrap 2.xBootstrap 3.0
.container-fluid.container
.row-fluid.row
.span*.col-md-*
.offset*.col-md-offset-*
.brand.navbar-brand
.navbar .nav.nav .navbar-nav
.hero-unit.jumbotron
.icon-*.glyphicon .glyphicon-*
.btn.btn .btn-default
.btn-mini.btn-xs
.btn-small.btn-sm
.btn-large.btn-lg
.visible-phone.visible-sm
.visible-tablet.visible-md
.visible-desktop.visible-lg
.hidden-phone.hidden-sm
.hidden-tablet.hidden-md
.hidden-desktop.hidden-lg
.input-prepend.input-group
.input-append.input-group
.add-on.input-group-addon
.btn-navbar.navbar-btn
.thumbnail.img-thumbnail

Bootstrap 2.x HTML

Bootstrap 3.0 HTML

Leverage more Bootstrap Themes, Snippets and Examples at
Bootply, The Bootstrap Playground.