Skip to content

B
bootstrap
Commit c8fad259 authored by Mark Otto's avatar Mark Otto
Browse files
Options

update upgrade page

parent c84b5cf5
Hide whitespace changes
Inline Side-by-side
Showing with 24 additions and 54 deletions
docs/templates/pages/upgrading.mustache
View file @ c8fad259
...@@ -72,13 +72,14 @@ ...@@ -72,13 +72,14 @@
</ul> </ul>
<h3>{{_i}}Buttons{{/i}}</h3> <h3>{{_i}}Buttons{{/i}}</h3>
<ul> <ul>
<li>{{_i}}New classes for colors and sizes, all prefixed with <code>.btn-</code>{{/i}}</li>
<li>{{_i}}IE9: removed gradients and added rounded corners{{/i}}</li> <li>{{_i}}IE9: removed gradients and added rounded corners{{/i}}</li>
<li>{{_i}}Updated active state to make styling clearer in button groups (new) and look better with custom transition{{/i}}</li> <li>{{_i}}Updated active state to make styling clearer in button groups (new) and look better with custom transition{{/i}}</li>
<li>{{_i}}New mixin, <code>.buttonBackground</code>, to set button gradients{{/i}}</li> <li>{{_i}}New mixin, <code>.buttonBackground</code>, to set button gradients{{/i}}</li>
</ul> </ul>
<h3>{{_i}}Forms{{/i}}</h3> <h3>{{_i}}Forms{{/i}}</h3>
<ul> <ul>
<li>{{_i}}Default form style is now vertical (stacked_ to use less CSS and add greater flexibility{{/i}}</li> <li>{{_i}}Default form style is now vertical (stacked) to use less CSS and add greater flexibility{{/i}}</li>
<li>{{_i}}Form classes standardized with <code>.form-</code> required as a prefix{{/i}}</li> <li>{{_i}}Form classes standardized with <code>.form-</code> required as a prefix{{/i}}</li>
<li>{{_i}}New built-in form defaults for search, inline, and horizontal forms{{/i}}</li> <li>{{_i}}New built-in form defaults for search, inline, and horizontal forms{{/i}}</li>
<li>{{_i}}More flexible horizontal form markup with classes for all styling, including new optional class for the <code>label</code>{{/i}}</li> <li>{{_i}}More flexible horizontal form markup with classes for all styling, including new optional class for the <code>label</code>{{/i}}</li>
...@@ -87,8 +88,8 @@ ...@@ -87,8 +88,8 @@
<h3>{{_i}}Icons, by Glyphicons{{/i}}</h3> <h3>{{_i}}Icons, by Glyphicons{{/i}}</h3>
<ul> <ul>
<li>{{_i}}New Glyphicons Halflings icon set added in sprite form, in black and white{{/i}}</li> <li>{{_i}}New Glyphicons Halflings icon set added in sprite form, in black and white{{/i}}</li>
<li>{{_i}}Simple markup required for an icon in tons of contexts: <code>&lt;i class="icon cog"&gt;&lt;/&gt;</code>{{/i}}</li> <li>{{_i}}Simple markup required for an icon in tons of contexts: <code>&lt;i class="icon-cog"&gt;&lt;/&gt;</code>{{/i}}</li>
<li>{{_i}}Add another class, <code>.white</code>, for white variation of the same icon{{/i}}</li> <li>{{_i}}Add another class, <code>.icon-white</code>, for white variation of the same icon{{/i}}</li>
</ul> </ul>
</section> </section>
...@@ -110,7 +111,7 @@ ...@@ -110,7 +111,7 @@
<ul> <ul>
<li>{{_i}}Tabs and pills now require the use of a new base class, <code>.nav</code>, on their <code>&lt;ul&gt;</code>{{/i}}</li> <li>{{_i}}Tabs and pills now require the use of a new base class, <code>.nav</code>, on their <code>&lt;ul&gt;</code>{{/i}}</li>
<li>{{_i}}New nav list variation added that uses the same base class, <code>.nav</code>{{/i}}</li> <li>{{_i}}New nav list variation added that uses the same base class, <code>.nav</code>{{/i}}</li>
<li>{{_i}}Vertical tabs and pills have been added&mdash;just add <code>.stacked</code> to the <code>&lt;ul&gt;</code>{{/i}}</li> <li>{{_i}}Vertical tabs and pills have been added&mdash;just add <code>.nav-stacked</code> to the <code>&lt;ul&gt;</code>{{/i}}</li>
<li>{{_i}}Pills were restyled to be less rounded by default{{/i}}</li> <li>{{_i}}Pills were restyled to be less rounded by default{{/i}}</li>
<li>{{_i}}Pills now have dropdown menu support (they share the same markup and styles as tabs){{/i}}</li> <li>{{_i}}Pills now have dropdown menu support (they share the same markup and styles as tabs){{/i}}</li>
</ul> </ul>
...@@ -165,34 +166,18 @@ ...@@ -165,34 +166,18 @@
<div class="page-header"> <div class="page-header">
<h1>{{_i}}Javascript plugins{{/i}}</h1> <h1>{{_i}}Javascript plugins{{/i}}</h1>
</div> </div>
<div class="alert alert-info">
<strong>{{_i}}Heads up!{{/i}}</strong> {{_i}}We're rewritten just about everything for our plugins, so head on over to <a href="./javascript.html">the Javascript page</a> to learn more.{{/i}}
</div>
<h3>{{_i}}Popovers{{/i}}</h3> <h3>{{_i}}Popovers{{/i}}</h3>
<ul> <ul>
<li>{{_i}}Child elements now properly namespaced: <code>.title</code> to <code>.popover-title</code>, <code>.inner</code> to <code>.popover-inner</code>, and <code>.content</code> to <code>.popover-content</code>.{{/i}}</li> <li>{{_i}}Child elements now properly namespaced: <code>.title</code> to <code>.popover-title</code>, <code>.inner</code> to <code>.popover-inner</code>, and <code>.content</code> to <code>.popover-content</code>.{{/i}}</li>
</ul> </ul>
</section> <h3>{{_i}}New plugins{{/i}}</h3>
<!-- LESS
================================================== -->
<section id="less">
<div class="page-header">
<h1>{{_i}}Using LESS{{/i}}</h1>
</div>
<h3>{{_i}}Variables{{/i}}</h3>
<h3>{{_i}}Mixins{{/i}}</h3>
</section>
<!-- Customize
================================================== -->
<section id="less">
<div class="page-header">
<h1>{{_i}}Customize page{{/i}}</h1>
</div>
<ul> <ul>
<li>{{_i}}New in 2.0{{/i}}</li> <li>{{_i}}<a href="./javascript.html#collapse">Collapse</a>{{/i}}</li>
<li>{{_i}}<a href="./javascript.html#carousel">Carousel</a>{{/i}}</li>
<li>{{_i}}<a href="./javascript.html#typeahead">Typeahead</a>{{/i}}</li>
</ul> </ul>
</section> </section>
docs/upgrading.html
View file @ c8fad259
...@@ -148,13 +148,14 @@ ...@@ -148,13 +148,14 @@
</ul> </ul>
<h3>Buttons</h3> <h3>Buttons</h3>
<ul> <ul>
<li>New classes for colors and sizes, all prefixed with <code>.btn-</code></li>
<li>IE9: removed gradients and added rounded corners</li> <li>IE9: removed gradients and added rounded corners</li>
<li>Updated active state to make styling clearer in button groups (new) and look better with custom transition</li> <li>Updated active state to make styling clearer in button groups (new) and look better with custom transition</li>
<li>New mixin, <code>.buttonBackground</code>, to set button gradients</li> <li>New mixin, <code>.buttonBackground</code>, to set button gradients</li>
</ul> </ul>
<h3>Forms</h3> <h3>Forms</h3>
<ul> <ul>
<li>Default form style is now vertical (stacked_ to use less CSS and add greater flexibility</li> <li>Default form style is now vertical (stacked) to use less CSS and add greater flexibility</li>
<li>Form classes standardized with <code>.form-</code> required as a prefix</li> <li>Form classes standardized with <code>.form-</code> required as a prefix</li>
<li>New built-in form defaults for search, inline, and horizontal forms</li> <li>New built-in form defaults for search, inline, and horizontal forms</li>
<li>More flexible horizontal form markup with classes for all styling, including new optional class for the <code>label</code></li> <li>More flexible horizontal form markup with classes for all styling, including new optional class for the <code>label</code></li>
...@@ -163,8 +164,8 @@ ...@@ -163,8 +164,8 @@
<h3>Icons, by Glyphicons</h3> <h3>Icons, by Glyphicons</h3>
<ul> <ul>
<li>New Glyphicons Halflings icon set added in sprite form, in black and white</li> <li>New Glyphicons Halflings icon set added in sprite form, in black and white</li>
<li>Simple markup required for an icon in tons of contexts: <code>&lt;i class="icon cog"&gt;&lt;/&gt;</code></li> <li>Simple markup required for an icon in tons of contexts: <code>&lt;i class="icon-cog"&gt;&lt;/&gt;</code></li>
<li>Add another class, <code>.white</code>, for white variation of the same icon</li> <li>Add another class, <code>.icon-white</code>, for white variation of the same icon</li>
</ul> </ul>
</section> </section>
...@@ -186,7 +187,7 @@ ...@@ -186,7 +187,7 @@
<ul> <ul>
<li>Tabs and pills now require the use of a new base class, <code>.nav</code>, on their <code>&lt;ul&gt;</code></li> <li>Tabs and pills now require the use of a new base class, <code>.nav</code>, on their <code>&lt;ul&gt;</code></li>
<li>New nav list variation added that uses the same base class, <code>.nav</code></li> <li>New nav list variation added that uses the same base class, <code>.nav</code></li>
<li>Vertical tabs and pills have been added&mdash;just add <code>.stacked</code> to the <code>&lt;ul&gt;</code></li> <li>Vertical tabs and pills have been added&mdash;just add <code>.nav-stacked</code> to the <code>&lt;ul&gt;</code></li>
<li>Pills were restyled to be less rounded by default</li> <li>Pills were restyled to be less rounded by default</li>
<li>Pills now have dropdown menu support (they share the same markup and styles as tabs)</li> <li>Pills now have dropdown menu support (they share the same markup and styles as tabs)</li>
</ul> </ul>
...@@ -241,34 +242,18 @@ ...@@ -241,34 +242,18 @@
<div class="page-header"> <div class="page-header">
<h1>Javascript plugins</h1> <h1>Javascript plugins</h1>
</div> </div>
<div class="alert alert-info">
<strong>Heads up!</strong> We're rewritten just about everything for our plugins, so head on over to <a href="./javascript.html">the Javascript page</a> to learn more.
</div>
<h3>Popovers</h3> <h3>Popovers</h3>
<ul> <ul>
<li>Child elements now properly namespaced: <code>.title</code> to <code>.popover-title</code>, <code>.inner</code> to <code>.popover-inner</code>, and <code>.content</code> to <code>.popover-content</code>.</li> <li>Child elements now properly namespaced: <code>.title</code> to <code>.popover-title</code>, <code>.inner</code> to <code>.popover-inner</code>, and <code>.content</code> to <code>.popover-content</code>.</li>
</ul> </ul>
</section> <h3>New plugins</h3>
<!-- LESS
================================================== -->
<section id="less">
<div class="page-header">
<h1>Using LESS</h1>
</div>
<h3>Variables</h3>
<h3>Mixins</h3>
</section>
<!-- Customize
================================================== -->
<section id="less">
<div class="page-header">
<h1>Customize page</h1>
</div>
<ul> <ul>
<li>New in 2.0</li> <li><a href="./javascript.html#collapse">Collapse</a></li>
<li><a href="./javascript.html#carousel">Carousel</a></li>
<li><a href="./javascript.html#typeahead">Typeahead</a></li>
</ul> </ul>
</section> </section>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment