From fe6a4b0b5497a78a085e85125f4397a27b7737dc Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 27 Jul 2012 15:42:58 -0700 Subject: add .btn-block for a full-width button option --- docs/base-css.html | 47 ++++++++++++++++++++++++++--------------------- 1 file changed, 26 insertions(+), 21 deletions(-) (limited to 'docs/base-css.html') diff --git a/docs/base-css.html b/docs/base-css.html index 4f0df407d..f827380ac 100644 --- a/docs/base-css.html +++ b/docs/base-css.html @@ -1439,26 +1439,34 @@ For example, <code>section</code> should be wrapped as inline.

IE9 doesn't crop background gradients on rounded corners, so we remove it. Related, IE9 jankifies disabled button elements, rendering text gray with a nasty text-shadow that we cannot fix.

-
- -

Button sizes

Fancy larger or smaller buttons? Add .btn-large, .btn-small, or .btn-mini for two 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 btn-mini" type="button">Mini button</button>
+
+

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

+
+
+ +
+
+ 
<button class="btn btn-large btn-block" type="button">Block level button</button>

Disabled state

@@ -1491,9 +1499,6 @@ For example, <code>section</code> should be wrapped as inline. -
- -

One class, multiple tags

Use the .btn class on an <a>, <button>, or <input> element.

-- cgit v1.2.3