From 085d6d185d7695d0816315aeee5e3a8ed3c60585 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 1 Oct 2012 10:42:45 -0700 Subject: fixes #5055: wrap legend and form elements in fieldset so IE8 styles the legend properly --- docs/templates/pages/base-css.mustache | 37 ++++++++++++++++++---------------- 1 file changed, 20 insertions(+), 17 deletions(-) (limited to 'docs/templates') diff --git a/docs/templates/pages/base-css.mustache b/docs/templates/pages/base-css.mustache index 13192d90e..9e0a89952 100644 --- a/docs/templates/pages/base-css.mustache +++ b/docs/templates/pages/base-css.mustache @@ -812,25 +812,29 @@

{{_i}}Default styles{{/i}}

{{_i}}Individual form controls receive styling, but without any required base class on the <form> or large changes in markup. Results in stacked, left-aligned labels on top of form controls.{{/i}}

- Legend - - - {{_i}}Example block-level help text here.{{/i}} - - +
+ Legend + + + {{_i}}Example block-level help text here.{{/i}} + + +
{{! /example }}
 <form>
-  <legend>{{_i}}Legend{{/i}}</legend>
-  <label>{{_i}}Label name{{/i}}</label>
-  <input type="text" placeholder="{{_i}}Type something…{{/i}}">
-  <span class="help-block">Example block-level help text here.</span>
-  <label class="checkbox">
-    <input type="checkbox"> {{_i}}Check me out{{/i}}
-  </label>
-  <button type="submit" class="btn">{{_i}}Submit{{/i}}</button>
+  <fieldset>
+    <legend>{{_i}}Legend{{/i}}</legend>
+    <label>{{_i}}Label name{{/i}}</label>
+    <input type="text" placeholder="{{_i}}Type something…{{/i}}">
+    <span class="help-block">Example block-level help text here.</span>
+    <label class="checkbox">
+      <input type="checkbox"> {{_i}}Check me out{{/i}}
+    </label>
+    <button type="submit" class="btn">{{_i}}Submit{{/i}}</button>
+  </fieldset>
 </form>
 
@@ -884,7 +888,6 @@
  • {{_i}}Wrap any associated controls in .controls for proper alignment{{/i}}
  • - Legend
    -- cgit v1.2.3 From c6c1ada60074e420fa93174cb3db167faf618e2b Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 1 Oct 2012 11:18:49 -0700 Subject: clarify tables support of responsive utility classes, of which there is none --- docs/templates/pages/scaffolding.mustache | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/templates') diff --git a/docs/templates/pages/scaffolding.mustache b/docs/templates/pages/scaffolding.mustache index f87af3c90..85ae5ea02 100644 --- a/docs/templates/pages/scaffolding.mustache +++ b/docs/templates/pages/scaffolding.mustache @@ -442,7 +442,7 @@

    {{_i}}When to use{{/i}}

    -

    {{_i}}Use on a limited basis and avoid creating entirely different versions of the same site. Instead, use them to complement each device's presentation.{{/i}}

    +

    {{_i}}Use on a limited basis and avoid creating entirely different versions of the same site. Instead, use them to complement each device's presentation. Responsive utilities should not be used with tables, and as such are not supported.{{/i}}

    {{_i}}Responsive utilities test case{{/i}}

    {{_i}}Resize your browser or load on different devices to test the above classes.{{/i}}

    -- cgit v1.2.3