diff --git a/docs/base-css.html b/docs/base-css.html
index 41ef5526fd..5e9cdf7b28 100644
--- a/docs/base-css.html
+++ b/docs/base-css.html
@@ -842,7 +842,8 @@ For example, <code>section</code> should be wrapped as inline.
             <button type="submit" class="btn">Submit</button>
           </form>
 <pre class="prettyprint linenums">
-&lt;form class="well"&gt;
+&lt;form&gt;
+  &lt;legend&gt;Legend&lt;/legend&gt;
   &lt;label&gt;Label name&lt;/label&gt;
   &lt;input type="text" placeholder="Type something…"&gt;
   &lt;span class="help-block"&gt;Example block-level help text here.&lt;/span&gt;
diff --git a/docs/templates/pages/base-css.mustache b/docs/templates/pages/base-css.mustache
index 28e98439bc..a663d4a945 100644
--- a/docs/templates/pages/base-css.mustache
+++ b/docs/templates/pages/base-css.mustache
@@ -779,7 +779,8 @@
             <button type="submit" class="btn">{{_i}}Submit{{/i}}</button>
           </form>{{! /example }}
 <pre class="prettyprint linenums">
-&lt;form class="well"&gt;
+&lt;form&gt;
+  &lt;legend&gt;{{_i}}Legend{{/i}}&lt;/legend&gt;
   &lt;label&gt;{{_i}}Label name{{/i}}&lt;/label&gt;
   &lt;input type="text" placeholder="{{_i}}Type something…{{/i}}"&gt;
   &lt;span class="help-block"&gt;Example block-level help text here.&lt;/span&gt;