diff options
| author | Mark Otto <[email protected]> | 2013-08-19 00:03:28 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2013-08-19 00:03:28 -0700 |
| commit | c77bae308a689f6c38e0adec8acabd3ed4704e6a (patch) | |
| tree | 7c296275ecd638c4021ed7b4e00681f7e4d9e039 | |
| parent | de7cc0c17f2b4c01c05d2add7d55e20575605629 (diff) | |
| download | bootstrap-c77bae308a689f6c38e0adec8acabd3ed4704e6a.tar.xz bootstrap-c77bae308a689f6c38e0adec8acabd3ed4704e6a.zip | |
more copy edits
| -rw-r--r-- | getting-started.html | 25 |
1 files changed, 10 insertions, 15 deletions
diff --git a/getting-started.html b/getting-started.html index 1bc23d339..5fc05569c 100644 --- a/getting-started.html +++ b/getting-started.html @@ -593,24 +593,19 @@ bootstrap/ <h2 id="migration-notes">Additional notes</h2> - <p>We've made many underlying changes in v3 that are not immediately apparent without closer inspection. Base classes, key styles, and behaviors have been adjusted for flexibility and our mobile first approach.</p> + <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> <ul> - <li><code>.input-*</code> are 100% width. 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>.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>Images are not responsive by default. Use <code>.img-responsive</code> for fluid <code><img></code> size</li> - <li>The icons, now <code>.glyphicon</code> are in a separate CSS file.</li> - <li>Include <code>.glyphicon</code> base class in all icons (e.g. <code>.glyphicon .glyphicon-asterisk</code>).</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>.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>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>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 <code>.modal-header</code> <code>.modal-body</code> <code>.modal-footer</code> now get wrapped in <code>.modal-content</code> and <code>.modal-dialog</code></li> - <li>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>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>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> - - <div class="bs-callout bs-callout-info"> - <h4>More Tools & Examples</h4> - <p>You may also find this <a href="https://github.com/iatek/bootstrap-3-upgrade">upgrade tool</a> and collection of <a href="http://bootply.com/tagged/bootstrap-3">code snippets at Bootply</a> useful for migrating to Bootstrap 3.</p> - </div> + <p>For more information on upgrades and code snippets from the community check out <a href="http://bootply.com/">Bootply</a>.</p> </div> |