<!DOCTYPE html><htmllang=en><head><metacharset=utf-8><metacontent="IE=edge"http-equiv=X-UA-Compatible><metacontent="width=device-width,initial-scale=1"name=viewport><metacontent="Bootstrap, a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development."name=description><metacontent="Mark Otto, Jacob Thornton, and Bootstrap contributors"name=author><title> Migrating to v3.x · Bootstrap </title><linkhref=../dist/css/bootstrap.min.cssrel=stylesheet><linkhref=../assets/css/docs.min.cssrel=stylesheet><!--[if lt IE 9]><script src=../assets/js/ie8-responsive-file-warning.js></script><![endif]--><scriptsrc=../assets/js/ie-emulation-modes-warning.js></script><!--[if lt IE 9]> <script src=https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js></script> <script src=https://oss.maxcdn.com/respond/1.4.2/respond.min.js></script> <![endif]--><linkhref=/apple-touch-icon.pngrel=apple-touch-icon><linkhref=/favicon.icorel=icon><script>!function(e,t,a,n,c,o,s){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*newDate,o=t.createElement(a),s=t.getElementsByTagName(a)[0],o.async=1,o.src=n,s.parentNode.insertBefore(o,s)}(window,document,"script","//www.google-analytics.com/analytics.js","ga"),ga("create","UA-146052-10","getbootstrap.com"),ga("send","pageview")</script></head><body><ahref=#contentclass="sr-only sr-only-focusable"id=skippy><divclass=container><spanclass=skiplink-text>Skip to main content</span></div></a><ahref=https://v4-alpha.getbootstrap.com/class=v4-tease>Aww yeah, Bootstrap 4 is coming!</a><headerclass="bs-docs-nav navbar navbar-static-top"id=top><divclass=container><divclass=navbar-header><buttonaria-controls=bs-navbararia-expanded=falseclass="collapsed navbar-toggle"data-target=#bs-navbardata-toggle=collapsetype=button><spanclass=sr-only>Toggle navigation</span><spanclass=icon-bar></span><spanclass=icon-bar></span><spanclass=icon-bar></span></button><ahref=../class=navbar-brand>Bootstrap</a></div><navclass="collapse navbar-collapse"id=bs-navbar><ulclass="nav navbar-nav"><li><ahref=../getting-started/>Getting started</a></li><li><ahref=../css/>CSS</a></li><li><ahref=../components/>Components</a></li><li><ahref=../javascript/>JavaScript</a></li><li><ahref=../customize/>Customize</a></li></ul><ulclass="nav navbar-nav navbar-right"><li><ahref=http://themes.getbootstrap.comonclick='ga("send","event","Navbar","Community links","Themes")'>Themes</a></li><li><ahref=https://jobs.getbootstrap.comonclick='ga("send","event","Navbar","Community links","Jobs")'>Jobs</a></li><li><ahref=http://expo.getbootstrap.comonclick='ga("send","event","Navbar","Community links","Expo")'>Expo</a></li><li><ahref=http://blog.getbootstrap.comonclick='ga("send","event","Navbar","Community links","Blog")'>Blog</a></li></ul></nav></div></header><divclass=bs-docs-headerid=contenttabindex=-1><divclass=container><h1>Migrating to v3.x</h1><p>Guidance on how to upgrade from Bootstrap v2.x to v3.x with emphasis on major changes, what's new, and what's been removed.</p><divid=carbonads-container><divclass=carbonad><divid=azcarbon></div><script>varz=document.createElement("script");z.async=!0,z.src="http://engine.carbonads.com/z/32341/azcarbon_2_1_0_HORIZ";vars=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(z,s)</script></div></div></div></div><divclass="container bs-docs-container"><divclass=row><divclass=col-md-9role=main><divclass=bs-docs-section><h1class=page-header>Migrating from 2.x to 3.0</h1><pclass=lead>Bootstrap 3 is not backwards compatible with v2.x. Use this section as a general guide to upgrading from v2.x to v3.0. For a broader overview, see <ahref=http://blog.getbootstrap.com/2013/08/19/bootstrap-3-released/>what's new</a> in the v3.0 release announcement.</p><h2id=classes>Major class changes</h2><p>This table shows the style changes between v2.x and v3.0.</p><divclass=table-res
