<!DOCTYPE html><htmllang=en><head><metacharset=utf-8><metahttp-equiv=X-UA-Compatiblecontent="IE=edge"><metaname=viewportcontent="width=device-width,initial-scale=1"><metaname=descriptioncontent="Bootstrap, a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development."><metaname=keywordscontent="HTML, CSS, JS, JavaScript, framework, bootstrap, front-end, frontend, web development"><metaname=authorcontent="Mark Otto, Jacob Thornton, and Bootstrap contributors"><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.2/html5shiv.min.js"></script>
<scriptsrc="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]--><linkrel=apple-touch-iconhref=/apple-touch-icon.png><linkrel=iconhref=/favicon.ico><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><aid=skippyclass="sr-only sr-only-focusable"href=#content><divclass=container><spanclass=skiplink-text>Skip to main content</span></div></a><ahref="http://blog.getbootstrap.com/2015/08/19/bootstrap-4-alpha/"class="v4-tease">Aww yeah, Bootstrap 4 is coming!</a><headerclass="navbar navbar-static-top bs-docs-nav"id=toprole=banner><divclass=container><divclass=navbar-header><buttonclass="navbar-toggle collapsed"type=buttondata-toggle=collapsedata-target=#bs-navbararia-controls=bs-navbararia-expanded=false><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><navid=bs-navbarclass="collapse navbar-collapse"><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=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-responsive><tableclass="table table-bordered table-striped"><thead><tr><th>Bootstrap 2.x</th><th>Bootstrap 3.0</th></tr></thead><tbody><tr><td><code>.row-fluid</code></td><td><code>.row</code></td></tr><tr><td><code>.span*</code></td><td><code>.col-md-*</code></td></tr><tr><td><code>.offset*</code></td><td><code>.col-md-offset-*</code></td></tr><tr><td><code>.brand</code></td><td><code>.navbar-brand</code></td></tr><tr><td><code>.navbar .nav</code></td><td><code>.navbar-nav</code></td></tr><tr><td><code>.nav-collapse</code></td><td><code>.navbar-collapse</code></td></tr><tr><td><code>.nav-toggle</code></td><td><code>.navbar-toggle</code></td></tr><tr><td><code>.btn-navbar</code></td><td><code>.navbar-btn</
