mirror of
https://github.com/twbs/bootstrap.git
synced 2024-11-29 11:24:18 +01:00
Getting started docs - Migrating section: refactor some of the text for clarity and easy reading.Also removed some rogue tab characters in the source that I introduced in prior commits.
This commit is contained in:
parent
5773638329
commit
6ed44eded5
@ -297,11 +297,12 @@ bootstrap/
|
|||||||
<div class="page-header">
|
<div class="page-header">
|
||||||
<h1 id="migration">Migrating from 2.x to 3.0</h1>
|
<h1 id="migration">Migrating from 2.x to 3.0</h1>
|
||||||
</div>
|
</div>
|
||||||
<p class="lead">Bootstrap 3 is not backwards compatible with v2.x. Folks looking to upgrade to v3 should use this section as a general upgrade guide. We've outlined some of the major changes and provided tables that highlight key changes. For an overview, <a href="http://blog.getbootstrap.com/2013/08/19/bootstrap-3-released/">read the announcement blog post</a>.</p>
|
<p class="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 <a href="http://blog.getbootstrap.com/2013/08/19/bootstrap-3-released/">what's new</a> in the v3.0 release announcement.</p>
|
||||||
|
|
||||||
<h2 id="migration-classes">Major class changes</h2>
|
<h2 id="migration-classes">Major class changes</h2>
|
||||||
<p>Reference table for classes that have changed between v2.x and v3.0.</p>
|
<p>This table shows the style changes between v2.x and v3.0.</p>
|
||||||
<div class="table-responsive">
|
<div class="table-responsive">
|
||||||
<table class="table table-bordered table-striped">
|
<table class="table table-bordered table-striped">
|
||||||
<thead>
|
<thead>
|
||||||
@ -453,7 +454,7 @@ bootstrap/
|
|||||||
|
|
||||||
|
|
||||||
<h2 id="migration-new">What's new</h2>
|
<h2 id="migration-new">What's new</h2>
|
||||||
<p>We've added a few new elements and changed some existing ones. Here's their new or updated classes.</p>
|
<p>We've added new elements and changed some existing ones. Here are the new or updated styles.</p>
|
||||||
<div class="table-responsive">
|
<div class="table-responsive">
|
||||||
<table class="table table-bordered table-striped">
|
<table class="table table-bordered table-striped">
|
||||||
<thead>
|
<thead>
|
||||||
@ -569,7 +570,7 @@ bootstrap/
|
|||||||
|
|
||||||
|
|
||||||
<h2 id="migration-dropped">What's removed</h2>
|
<h2 id="migration-dropped">What's removed</h2>
|
||||||
<p>The following elements have been dropped or changed in v3.</p>
|
<p>The following elements have been dropped or changed in v3.0.</p>
|
||||||
<div class="table-responsive">
|
<div class="table-responsive">
|
||||||
<table class="table table-bordered table-striped">
|
<table class="table table-bordered table-striped">
|
||||||
<thead>
|
<thead>
|
||||||
@ -631,19 +632,23 @@ bootstrap/
|
|||||||
|
|
||||||
|
|
||||||
<h2 id="migration-notes">Additional notes</h2>
|
<h2 id="migration-notes">Additional notes</h2>
|
||||||
<p>We've made many underlying changes in v3 that are not immediately apparent. Base classes, key styles, and behaviors have been adjusted for flexibility and our mobile first approach.</p>
|
<p>Other changes in v3.0 are not immediately apparent.
|
||||||
|
Base classes, key styles, and behaviors have been adjusted for flexibility and our <em>mobile first</em> approach.
|
||||||
|
Here's a partial list:
|
||||||
|
</p>
|
||||||
<ul>
|
<ul>
|
||||||
<li>Text-based form controls are now 100% wide. Wrap inputs inside <code><div class="col-*"></div></code> to control input widths.</li>
|
<li>Text-based form controls are now 100% wide. Wrap inputs inside <code><div class="col-*"></div></code> to control input widths.</li>
|
||||||
<li><code>.badge</code> no longer has contextual (-success,-primary,etc..) classes.</li>
|
<li><code>.badge</code> no longer has contextual (-success,-primary,etc..) classes.</li>
|
||||||
<li><code>.btn</code> must also use <code>.btn-default</code> to get the "default" button.</li>
|
<li><code>.btn</code> must also use <code>.btn-default</code> to get the "default" button.</li>
|
||||||
<li><code>.container</code> and <code>.row</code> are now fluid (percentage-based).</li>
|
<li><code>.container</code> and <code>.row</code> are now fluid (percentage-based).</li>
|
||||||
<li>Images are no longer responsive by default. Use <code>.img-responsive</code> for fluid <code><img></code> size.</li>
|
<li>Images are no longer responsive by default. Use <code>.img-responsive</code> for fluid <code><img></code> size.</li>
|
||||||
<li>The icons, now <code>.glyphicon</code>, are now font based. They also require a base and icon class (e.g. <code>.glyphicon .glyphicon-asterisk</code>).</li>
|
<li>The icons, now <code>.glyphicon</code>, are now font based. Icons also require a base and icon class (e.g. <code>.glyphicon .glyphicon-asterisk</code>).</li>
|
||||||
<li>Typeahead has been dropped, in favor of using <a href="http://twitter.github.io/typeahead.js/">Twitter Typeahead</a>.</li>
|
<li>Typeahead has been dropped, in favor of using <a href="http://twitter.github.io/typeahead.js/">Twitter Typeahead</a>.</li>
|
||||||
<li>Modal markup has changed significantly. The <code>.modal-header</code>, <code>.modal-body</code>, and <code>.modal-footer</code> sections now get wrapped in <code>.modal-content</code> and <code>.modal-dialog</code> for improved mobile styling and behavior.</li>
|
<li>Modal markup has changed significantly.
|
||||||
|
The <code>.modal-header</code>, <code>.modal-body</code>, and <code>.modal-footer</code> sections are now wrapped in <code>.modal-content</code> and <code>.modal-dialog</code> for better mobile styling and behavior.</li>
|
||||||
<li>JavaScript events are namespaced. For example, to handle the modal "show" event, use <code>'show.bs.modal'</code>. For tabs "shown" use <code>'shown.bs.tab'</code>, etc..</li>
|
<li>JavaScript events are namespaced. For example, to handle the modal "show" event, use <code>'show.bs.modal'</code>. For tabs "shown" use <code>'shown.bs.tab'</code>, etc..</li>
|
||||||
</ul>
|
</ul>
|
||||||
<p>For more information on upgrades and code snippets from the community check out <a href="http://bootply.com/">Bootply</a>.</p>
|
<p>For more information on upgrading to V3.0, and code snippets from the community, see <a href="http://bootply.com/">Bootply</a>.</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user