aboutsummaryrefslogtreecommitdiff
path: root/docs/migration.html
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2014-02-11 09:50:40 -0800
committerMark Otto <[email protected]>2014-02-11 09:50:40 -0800
commit8551f42ae2935c96bd37ae8ed15198a0cc22ede2 (patch)
tree77498aad62c25da55fb121470d91623c14873f58 /docs/migration.html
parentb36d19c3c6caf89fbe996678bdefe3f7e9a69281 (diff)
parent2cef0af211e8b6780fff90fe5f110493585aa97c (diff)
downloadbootstrap-8551f42ae2935c96bd37ae8ed15198a0cc22ede2.tar.xz
bootstrap-8551f42ae2935c96bd37ae8ed15198a0cc22ede2.zip
Merge branch 'master' into pr/12412
Conflicts: dist/css/bootstrap-theme.css.map dist/css/bootstrap.css.map dist/css/bootstrap.min.css docs/assets/js/customize.min.js docs/assets/js/raw-files.min.js docs/dist/css/bootstrap-theme.css.map docs/dist/css/bootstrap.css.map docs/dist/css/bootstrap.min.css test-infra/npm-shrinkwrap.canonical.json
Diffstat (limited to 'docs/migration.html')
-rw-r--r--docs/migration.html33
1 files changed, 22 insertions, 11 deletions
diff --git a/docs/migration.html b/docs/migration.html
index ebff44885..d8fe72741 100644
--- a/docs/migration.html
+++ b/docs/migration.html
@@ -106,14 +106,6 @@ lead: "Guidance on how to upgrade from Bootstrap v2.x to v3.x with emphasis on m
<td>Split into <code>.hidden-md .hidden-lg</code></td>
</tr>
<tr>
- <td><code>.input-small</code></td>
- <td><code>.input-sm</code></td>
- </tr>
- <tr>
- <td><code>.input-large</code></td>
- <td><code>.input-lg</code></td>
- </tr>
- <tr>
<td><code>.input-block-level</code></td>
<td><code>.form-control</code></td>
</tr>
@@ -261,6 +253,10 @@ lead: "Guidance on how to upgrade from Bootstrap v2.x to v3.x with emphasis on m
<td><code>.col-sm-pull-*</code> <code>.col-md-pull-*</code> <code>.col-lg-pull-*</code></td>
</tr>
<tr>
+ <td>Input height sizes</td>
+ <td><code>.input-sm</code> <code>.input-lg</code></td>
+ </tr>
+ <tr>
<td>Input groups</td>
<td><code>.input-group</code> <code>.input-group-addon</code> <code>.input-group-btn</code></td>
</tr>
@@ -345,11 +341,21 @@ lead: "Guidance on how to upgrade from Bootstrap v2.x to v3.x with emphasis on m
<td class="text-muted">N/A</td>
</tr>
<tr>
- <td>Block level from input</td>
+ <td>Fixed-width input sizes</td>
+ <td><code>.input-mini</code> <code>.input-small</code> <code>.input-medium</code> <code>.input-large</code> <code>.input-xlarge</code> <code>.input-xxlarge</code></td>
+ <td>Use <a href="../css/#forms-controls"><code>.form-control</code></a> and <a href="../css/#grid">the grid system</a> instead.</td>
+ </tr>
+ <tr>
+ <td>Block level form input</td>
<td><code>.input-block-level</code></td>
<td>No direct equivalent, but <a href="../css/#forms-controls">forms controls</a> are similar.</td>
</tr>
<tr>
+ <td>Inverse buttons</td>
+ <td><code>.btn-inverse</code></td>
+ <td class="text-muted">N/A</td>
+ </tr>
+ <tr>
<td>Fluid row</td>
<td><code>.row-fluid</code></td>
<td><code>.row</code> (no more fixed grid)</td>
@@ -399,6 +405,11 @@ lead: "Guidance on how to upgrade from Bootstrap v2.x to v3.x with emphasis on m
<td><code>.nav-list</code> <code>.nav-header</code></td>
<td>No direct equivalent, but <a href="../components/#list-group">list groups</a> and <a href="../javascript/#collapse"><code>.panel-group</code>s</a> are similar.</td>
</tr>
+ <tr>
+ <td>Inline help for form controls</td>
+ <td><code>.help-inline</code></td>
+ <td>No exact equivalent, but <code>.help-block</code> is similar.</td>
+ </tr>
</tbody>
</table>
</div><!-- /.table-responsive -->
@@ -415,8 +426,8 @@ lead: "Guidance on how to upgrade from Bootstrap v2.x to v3.x with emphasis on m
<li>Images are no longer responsive by default. Use <code>.img-responsive</code> for fluid <code>&lt;img&gt;</code> size.</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>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>The HTML loaded by the <code>remote</code> modal option is now injected into the <code>.modal</code> instead of into the <code>.modal-body</code>. This allows you to also easily vary the header and footer of the modal, not just the modal body.</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. Also, you should no longer apply <code>.hide</code> to <code>.modal</code> in your markup.</li>
+ <li>As of v3.1.0, the HTML loaded by the <code>remote</code> modal option is now injected into the <code>.modal-content</code> (from v3.0.0 to v3.0.3, into the <code>.modal</code>) instead of into the <code>.modal-body</code>. This allows you to also easily vary the header and footer of the modal, not just the modal body.</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>
<p>For more information on upgrading to v3.0, and code snippets from the community, see <a href="http://bootply.com/">Bootply</a>.</p>