mirror of
https://github.com/twbs/bootstrap.git
synced 2025-01-17 09:52:29 +01:00
make button examples button element and add upgrade note on tooltip positions per #1532
This commit is contained in:
parent
5a3dfb72bf
commit
a497e9010a
Binary file not shown.
@ -1301,23 +1301,23 @@ For example, <code>section</code> should be wrapped as inline.
|
||||
<h3>Multiple sizes</h3>
|
||||
<p>Fancy larger or smaller buttons? Add <code>.btn-large</code> or <code>.btn-small</code> for two additional sizes.</p>
|
||||
<p>
|
||||
<a href="#" class="btn btn-large btn-primary">Primary action</a>
|
||||
<a href="#" class="btn btn-large">Action</a>
|
||||
<button class="btn btn-large btn-primary">Primary action</button>
|
||||
<button class="btn btn-large">Action</button>
|
||||
</p>
|
||||
<p>
|
||||
<a href="#" class="btn btn-small btn-primary">Primary action</a>
|
||||
<a href="#" class="btn btn-small">Action</a>
|
||||
<button class="btn btn-small btn-primary">Primary action</button>
|
||||
<button class="btn btn-small">Action</button>
|
||||
</p>
|
||||
<br>
|
||||
<h3>Disabled state</h3>
|
||||
<p>For disabled buttons, use <code>.btn-disabled</code> for links and <code>:disabled</code> for <code><button></code> elements.</p>
|
||||
<p>
|
||||
<a href="#" class="btn btn-large btn-primary disabled">Primary action</a>
|
||||
<a href="#" class="btn btn-large disabled">Action</a>
|
||||
<a href="#" class="btn btn-large btn-primary disabled">Primary link</a>
|
||||
<a href="#" class="btn btn-large disabled">Link</a>
|
||||
</p>
|
||||
<p>
|
||||
<button class="btn btn-large btn-primary disabled" disabled="disabled">Primary action</button>
|
||||
<button class="btn btn-large" disabled>Action</button>
|
||||
<button class="btn btn-large btn-primary disabled" disabled="disabled">Primary button</button>
|
||||
<button class="btn btn-large" disabled>Button</button>
|
||||
</p>
|
||||
</div>
|
||||
<div class="span4">
|
||||
|
16
docs/templates/pages/base-css.mustache
vendored
16
docs/templates/pages/base-css.mustache
vendored
@ -1225,23 +1225,23 @@
|
||||
<h3>{{_i}}Multiple sizes{{/i}}</h3>
|
||||
<p>{{_i}}Fancy larger or smaller buttons? Add <code>.btn-large</code> or <code>.btn-small</code> for two additional sizes.{{/i}}</p>
|
||||
<p>
|
||||
<a href="#" class="btn btn-large btn-primary">{{_i}}Primary action{{/i}}</a>
|
||||
<a href="#" class="btn btn-large">{{_i}}Action{{/i}}</a>
|
||||
<button class="btn btn-large btn-primary">{{_i}}Primary action{{/i}}</button>
|
||||
<button class="btn btn-large">{{_i}}Action{{/i}}</button>
|
||||
</p>
|
||||
<p>
|
||||
<a href="#" class="btn btn-small btn-primary">{{_i}}Primary action{{/i}}</a>
|
||||
<a href="#" class="btn btn-small">{{_i}}Action{{/i}}</a>
|
||||
<button class="btn btn-small btn-primary">{{_i}}Primary action{{/i}}</button>
|
||||
<button class="btn btn-small">{{_i}}Action{{/i}}</button>
|
||||
</p>
|
||||
<br>
|
||||
<h3>{{_i}}Disabled state{{/i}}</h3>
|
||||
<p>{{_i}}For disabled buttons, use <code>.btn-disabled</code> for links and <code>:disabled</code> for <code><button></code> elements.{{/i}}</p>
|
||||
<p>
|
||||
<a href="#" class="btn btn-large btn-primary disabled">{{_i}}Primary action{{/i}}</a>
|
||||
<a href="#" class="btn btn-large disabled">{{_i}}Action{{/i}}</a>
|
||||
<a href="#" class="btn btn-large btn-primary disabled">{{_i}}Primary link{{/i}}</a>
|
||||
<a href="#" class="btn btn-large disabled">{{_i}}Link{{/i}}</a>
|
||||
</p>
|
||||
<p>
|
||||
<button class="btn btn-large btn-primary disabled" disabled="disabled">{{_i}}Primary action{{/i}}</button>
|
||||
<button class="btn btn-large" disabled>{{_i}}Action{{/i}}</button>
|
||||
<button class="btn btn-large btn-primary disabled" disabled="disabled">{{_i}}Primary button{{/i}}</button>
|
||||
<button class="btn btn-large" disabled>{{_i}}Button{{/i}}</button>
|
||||
</p>
|
||||
</div>
|
||||
<div class="span4">
|
||||
|
4
docs/templates/pages/upgrading.mustache
vendored
4
docs/templates/pages/upgrading.mustache
vendored
@ -179,6 +179,10 @@
|
||||
<li>{{_i}}The <code>animate</code> option was renamed to <code>animation</code>.{{/i}}</li>
|
||||
<li>{{_i}}The <code>html</code> option was removed, as the tooltips default to allowing HTML now.{{/i}}</li>
|
||||
</ul>
|
||||
<h3>{{_i}}Tooltips{{/i}}</h3>
|
||||
<ul>
|
||||
<li>{{_i}}Values for <code>placement</code> option changed from <code>above</code> and <code>below</code> to <code>top</code> and <code>bottom</code>. (Affects popovers, too.){{/i}}</li>
|
||||
</ul>
|
||||
<h3>{{_i}}Popovers{{/i}}</h3>
|
||||
<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>
|
||||
|
Loading…
x
Reference in New Issue
Block a user