use separate `form-group`s in horiz form example for greater generality; fixes #8925

diff --git a/css.html b/css.html
index d17bfcb34f977a6c77a8efd104c10f2238b44ac7..e917cb40e3d9013d860defe6dc2b8af9ab2392b6 100644 (file)
--- a/css.html
+++ b/css.html
@@ -1302,11 +1302,19 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
         <label for="inputPassword" class="col-lg-2 control-label">Password</label>
         <div class="col-lg-10">
           <input type="password" class="form-control" id="inputPassword" placeholder="Password">
+        </div>
+      </div>
+      <div class="form-group">
+        <div class="col-offset-2 col-lg-10">
           <div class="checkbox">
             <label>
               <input type="checkbox"> Remember me
             </label>
           </div>
+        </div>
+      </div>
+      <div class="form-group">
+        <div class="col-offset-2 col-lg-10">
           <button type="submit" class="btn btn-default">Sign in</button>
         </div>
       </div>
@@ -1323,11 +1331,19 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
     <label for="inputPassword" class="col-lg-2 control-label">Password</label>
     <div class="col-lg-10">
       <input type="password" class="form-control" id="inputPassword" placeholder="Password">
+    </div>
+  </div>
+  <div class="form-group">
+    <div class="col-offset-2 col-lg-10">
       <div class="checkbox">
         <label>
           <input type="checkbox"> Remember me
         </label>
       </div>
+    </div>
+  </div>
+  <div class="form-group">
+    <div class="col-offset-2 col-lg-10">
       <button type="submit" class="btn btn-default">Sign in</button>
     </div>
   </div>