From: Jacob Thornton Date: Mon, 22 Aug 2011 04:42:56 +0000 (-0700) Subject: Merge branch 'master' of github.com:twitter/bootstrap X-Git-Tag: v1.1.0~13 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=e11c49cc48a70de1728ed18ca425db74e79c9938;p=thirdparty%2Fbootstrap.git Merge branch 'master' of github.com:twitter/bootstrap Conflicts: bootstrap-1.0.0.css bootstrap-1.0.0.min.css docs/index.html --- e11c49cc48a70de1728ed18ca425db74e79c9938 diff --cc bootstrap-1.0.0.css index d77366625c,6cf9f7bb71..0e1ab56a24 --- a/bootstrap-1.0.0.css +++ b/bootstrap-1.0.0.css @@@ -6,7 -6,7 +6,7 @@@ * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world @twitter by @mdo and @fat. - * Date: Sun Aug 21 21:42:07 PDT 2011 - * Date: Sun Aug 21 20:55:56 PDT 2011 ++ * Date: Sun Aug 21 21:42:52 PDT 2011 */ /* Reset.less * Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc). diff --cc docs/index.html index cfd77581c3,263ccc3edd..0b9cbd825f --- a/docs/index.html +++ b/docs/index.html @@@ -572,294 -596,300 +596,567 @@@ +
++<<<<<<< HEAD + +
+

Forms

+
+ +
+
+

Default styles

+

All forms are given default styles to present them in a readable and scalable way. Styles are provided for text inputs, select lists, textareas, radio buttons and checkboxes, and buttons.

+
+
+
+
+ Example form legend +
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ Some Value Here +
+
+
+ +
+ +
+
+
+ +
+ + Small snippet of help text +
+
+
+
+ Example form legend +
+ +
+
+ @ + +
+
+
+
+ +
+
+ + +
+
+
+
+ +
+
+ + +
+
+
+
+ +
+ +
+
+
+
+ Example form legend +
+ +
+
    +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
+ + Note: Labels surround all the options for much larger click areas and a more usable form. + +
+
+
+ +
+
+ + + to + + + All times are shown as Pacific Standard Time (GMT -08:00). +
+
+
+
+ +
+ + + Block of help text to describe the field above if need be. + +
+
+
+ +
+
    +
  • + +
    • +
  • + +
    • +
+
+
+
+   +
+
+
+
+
+ +
+ +
+
+

Stacked forms

+

Add .form-stacked to your form’s HTML and you’ll have labels on top of their fields instead of to their left. This works great if your forms are short or you have two columns of inputs for heavier forms.

+
+
+
+
+ Example form legend +
+ +
+ +
+
+
+ +
+ +
+
+
+
+ Example form legend +
+ +
+
    +
  • + +
    • +
  • + +
    • +
+ + Note: Labels surround all the options for much larger click areas and a more usable form. + +
+
+
+
+   +
+
+
+
+ +
+
+

Buttons

+

As a convention, buttons are used for actions while links are used for objects. For instance, "Download" could be a button and "recent activity" could be a link.

+

All buttons default to a light gray style, but a blue .primary class is available. Plus, rolling your own styles is easy peasy.

++======= +
+

Forms

++>>>>>>> f169c99f726c250f0bb2f68ea4eedaaf3fbe15c0
-
-

Example buttons

-

Button styles can be applied to anything with the .btn applied. Typically you’ll want to apply these to only <a>, <button>, and select <input> elements. Here’s how it looks:

-
+
+
+

Default styles

+

All forms are given default styles to present them in a readable and scalable way. Styles are provided for text inputs, select lists, textareas, radio buttons and checkboxes, and buttons.

+
+
++<<<<<<< HEAD +   ++======= +
+ Example form legend +
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ Some Value Here +
+
+
+ +
+ +
+
+
+ +
+ + Small snippet of help text +
+
+
+
+ Example form legend +
+ +
+
+ @ + +
+
+
+
+ +
+
+ + +
+
+
+
+ +
+
+ + +
+
+
+
+ +
+ +
+
+
+
+ Example form legend +
+ +
+
    +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
+ + Note: Labels surround all the options for much larger click areas and a more usable form. + +
+
+
+ +
+
+ + + to + + + All times are shown as Pacific Standard Time (GMT -08:00). +
+
+
+
+ +
+ + + Block of help text to describe the field above if need be. + +
+
+
+ +
+
    +
  • + +
    • +
  • + +
    • +
+
+
+
+ + +
+
++>>>>>>> f169c99f726c250f0bb2f68ea4eedaaf3fbe15c0
-

Alternate sizes

-

Fancy larger or smaller buttons? Have at it!

-
- Primary action - Action +
+ +
+ +
+
+

Stacked forms

+

Add .form-stacked to your form’s HTML and you’ll have labels on top of their fields instead of to their left. This works great if your forms are short or you have two columns of inputs for heavier forms.

-
- Primary action - Action +
+
+
+ Example form legend +
+ +
+ +
+
+
+ +
+ +
+
+
+
+ Example form legend +
+ +
+ + Small snippet of help text +
+
+
+ +
+
    +
  • + +
    • +
  • + +
    • +
+ + Note: Labels surround all the options for much larger click areas and a more usable form. + +
+
+
+
+ + +
+
-

Disabled state

-

For buttons that are not active or are disabled by the app for one reason or another, use the disabled state. That’s .disabled for links and :disabled for <button> elements.

-

Note: If you're developing for older browsers like IE8 or below -- you're going to want to use the .disabled class for <button> elements as well. -

Links

-
- Primary action - Action +
+ +
+
+

Buttons

+

As a convention, buttons are used for actions while links are used for objects. For instance, "Download" could be a button and "recent activity" could be a link.

+

All buttons default to a light gray style, but a blue .primary class is available. Plus, rolling your own styles is easy peasy.

++<<<<<<< HEAD +

Buttons

+
+
+   +
++======= +
+

Example buttons

+

Button styles can be applied to anything with the .btn applied. Typically you’ll want to apply these to only <a>, <button>, and select <input> elements. Here’s how it looks:

+
+ + +
+

Alternate sizes

+

Fancy larger or smaller buttons? Have at it!

+
+ Primary action + Action +
+
+ Primary action + Action +
+

Disabled state

+

For buttons that are not active or are disabled by the app for one reason or another, use the disabled state. That’s .disabled for links and :disabled for <button> elements.

+

Links

+
+ Primary action + Action +
+

Buttons

+
+ + +
++>>>>>>> f169c99f726c250f0bb2f68ea4eedaaf3fbe15c0
-
-
+