From f662dff6e9c52770511e5f674579a27eeac85549 Mon Sep 17 00:00:00 2001
From: Mark Otto <otto@github.com>
Date: Mon, 12 Aug 2013 11:07:23 -0700
Subject: fixes #9382: inline forms now require use of .form-group for proper
 alignment of all form controls

---
 css.html | 24 ++++++++++++++++--------
 1 file changed, 16 insertions(+), 8 deletions(-)

(limited to 'css.html')

diff --git a/css.html b/css.html
index ee15c30e9..190f8f237 100644
--- a/css.html
+++ b/css.html
@@ -1394,10 +1394,14 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
       <p>Screen readers will have trouble with your forms if you don't include a label for every input. For these inline forms, you can hide the labels using the <code>.sr-only</code> class.</p>
     </div>
     <form class="bs-example form-inline" role="form">
-      <label class="sr-only" for="exampleInputEmail">Email address</label>
-      <input type="text" class="form-control" id="exampleInputEmail" placeholder="Enter email">
-      <label class="sr-only" for="exampleInputPassword">Password</label>
-      <input type="password" class="form-control" id="exampleInputPassword" placeholder="Password">
+      <div class="form-group">
+        <label class="sr-only" for="exampleInputEmail">Email address</label>
+        <input type="text" class="form-control" id="exampleInputEmail" placeholder="Enter email">
+      </div>
+      <div class="form-group">
+        <label class="sr-only" for="exampleInputPassword">Password</label>
+        <input type="password" class="form-control" id="exampleInputPassword" placeholder="Password">
+      </div>
       <div class="checkbox">
         <label>
           <input type="checkbox"> Remember me
@@ -1407,10 +1411,14 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
     </form><!-- /example -->
 {% highlight html %}
 <form class="form-inline" role="form">
-  <label class="sr-only" for="exampleInputEmail">Email address</label>
-  <input type="text" class="form-control" id="exampleInputEmail" placeholder="Enter email">
-  <label class="sr-only" for="exampleInputPassword">Password</label>
-  <input type="password" class="form-control" id="exampleInputPassword" placeholder="Password">
+  <div class="form-group">
+    <label class="sr-only" for="exampleInputEmail">Email address</label>
+    <input type="text" class="form-control" id="exampleInputEmail" placeholder="Enter email">
+  </div>
+  <div class="form-group">
+    <label class="sr-only" for="exampleInputPassword">Password</label>
+    <input type="password" class="form-control" id="exampleInputPassword" placeholder="Password">
+  </div>
   <div class="checkbox">
     <label>
       <input type="checkbox"> Remember me
-- 
cgit v1.2.3