From 41253fb07366e49557d611b98d68b6057ca47417 Mon Sep 17 00:00:00 2001 From: Erik van der Kolk Date: Sat, 18 Aug 2012 16:36:40 +0200 Subject: Improve doc for Button sizes --- docs/base-css.html | 38 +++++++++++++++++++++++++------------- 1 file changed, 25 insertions(+), 13 deletions(-) (limited to 'docs/base-css.html') diff --git a/docs/base-css.html b/docs/base-css.html index 7b09e7175..c84a42cf7 100644 --- a/docs/base-css.html +++ b/docs/base-css.html @@ -1460,30 +1460,42 @@ For example, <code>section</code> should be wrapped as inline.

Button sizes

-

Fancy larger or smaller buttons? Add .btn-large, .btn-small, or .btn-mini for two additional sizes.

+

Fancy larger or smaller buttons? Add .btn-large, .btn-small, or .btn-mini for additional sizes.

- - + +

- - + +

- - + +

- - + +

-<button class="btn btn-large" type="button">Large button</button>
-<button class="btn btn-small" type="button">Small button</button>
-<button class="btn" type="button">Default button</button>
-<button class="btn btn-mini" type="button">Mini button</button>
+<p>
+  <button class="btn btn-large btn-primary" type="button">Large button</button>
+  <button class="btn btn-large" type="button">Large button</button>
+</p>
+<p>
+  <button class="btn btn-primary" type="button">Default button</button>
+  <button class="btn" type="button">Default button</button>
+</p>
+<p>
+  <button class="btn btn-small btn-primary" type="button">Small button</button>
+  <button class="btn btn-small" type="button">Small button</button>
+</p>
+<p>
+  <button class="btn btn-mini btn-primary" type="button">Mini button</button>
+  <button class="btn btn-mini" type="button">Mini button</button>
+</p>
 

Create block level buttons—those that span the full width of a parent— by adding .btn-block.

-- cgit v1.2.3