From 0bc4dac3957615fede72bde150b5cdc62719a7ed Mon Sep 17 00:00:00 2001 From: Arnold Daniels Date: Mon, 16 Jul 2012 23:44:38 +0200 Subject: [PATCH] Added docs for .small-labels in forms Added form improvements to jasny/bootstrap.less and jasny/responsive.less --- docs/templates/pages/base-css.mustache | 80 ++++++++++++++++++++++++++ docs/templates/pages/index.mustache | 5 ++ less/jasny/bootstrap.less | 1 + less/jasny/responsive.less | 3 + 4 files changed, 89 insertions(+) diff --git a/docs/templates/pages/base-css.mustache b/docs/templates/pages/base-css.mustache index 69175edd..9751589c 100644 --- a/docs/templates/pages/base-css.mustache +++ b/docs/templates/pages/base-css.mustache @@ -1106,6 +1106,86 @@ on multiple lines
+

{{_i}}Small labels{{/i}}

+
+
+

{{_i}}If you have a lot of fields in a form, you might want to use three or four columns. However labels can start taking up to much space. Simple add .small-labels to a horizontal form (or section within a form) to solve this.{{/i}}

+
+<form class="form-horizontal small-labels">
+  …
+</div>
+
+
+
+
+
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+
+
+ + +
+
+
+
+ +
+

{{_i}}Extending form controls{{/i}}

diff --git a/docs/templates/pages/index.mustache b/docs/templates/pages/index.mustache index 8edff7bf..2be76a6c 100644 --- a/docs/templates/pages/index.mustache +++ b/docs/templates/pages/index.mustache @@ -56,6 +56,11 @@

{{_i}}Go beyond uneditable input and create a full uneditable form, with disabled and uneditable elements.{{/i}}

{{_i}}Add .editor to a textarea to create a larger field for content editing.{{/i}}

+
+

{{_i}}Form styles{{/i}}

+

{{_i}}Combine horizontal and vertical forms. Using wells in horizontal forms now looks clean.{{/i}}

+

{{_i}}Use smaller labels to fit more input fields on one screen.{{/i}}

+

{{_i}}Tabbable{{/i}}

{{_i}}Tabs work better than ever. You now have a bordered tabbable available. Also, a container can be turned into a tabbable.{{/i}}

diff --git a/less/jasny/bootstrap.less b/less/jasny/bootstrap.less index 2f8a1309..f254c026 100644 --- a/less/jasny/bootstrap.less +++ b/less/jasny/bootstrap.less @@ -13,6 +13,7 @@ @import "../mixins.less"; // Base CSS +@import "forms.less"; @import "forms-uneditable.less"; @import "forms-editor.less"; diff --git a/less/jasny/responsive.less b/less/jasny/responsive.less index 0f3404c4..5e7221cb 100644 --- a/less/jasny/responsive.less +++ b/less/jasny/responsive.less @@ -11,3 +11,6 @@ // Core variables and mixins @import "../variables.less"; // Modify this for custom colors, font-sizes, etc @import "../mixins.less"; + +// Base CSS +@import "forms.responsive.less";