From: Chris Rebert <code@rebertia.com>
Date: Thu, 13 Nov 2014 19:23:40 +0000 (-0800)
Subject: Fix .form-inline docs example
X-Git-Tag: v3.3.2~74^2
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=refs%2Fpull%2F15120%2Fhead;p=thirdparty%2Fbootstrap.git

Fix .form-inline docs example

Make sample code match live example
Move <label> out of .input-group into .form-group instead
Change field from Email to Username to make it less redundant, slightly more realistic
Add <label> for Username field for consistency
Fixes #15118
---

diff --git a/docs/_includes/css/forms.html b/docs/_includes/css/forms.html
index 7b0ab336df..efd2d348cf 100644
--- a/docs/_includes/css/forms.html
+++ b/docs/_includes/css/forms.html
@@ -72,9 +72,10 @@
         <input type="email" class="form-control" id="exampleInputEmail2" placeholder="Enter email">
       </div>
       <div class="form-group">
+        <label class="sr-only" for="exampleInputUsername2">Username</label>
         <div class="input-group">
           <div class="input-group-addon">@</div>
-          <input class="form-control" type="email" placeholder="Enter email">
+          <input type="text" class="form-control" id="exampleInputUsername2" placeholder="Enter username">
         </div>
       </div>
       <div class="form-group">
@@ -92,10 +93,14 @@
 {% highlight html %}
 <form class="form-inline" role="form">
   <div class="form-group">
+    <label class="sr-only" for="exampleInputEmail2">Email address</label>
+    <input type="email" class="form-control" id="exampleInputEmail2" placeholder="Enter email">
+  </div>
+  <div class="form-group">
+    <label class="sr-only" for="exampleInputUsername2">Username</label>
     <div class="input-group">
-      <label class="sr-only" for="exampleInputEmail2">Email address</label>
       <div class="input-group-addon">@</div>
-      <input type="email" class="form-control" id="exampleInputEmail2" placeholder="Enter email">
+      <input type="text" class="form-control" id="exampleInputUsername2" placeholder="Enter username">
     </div>
   </div>
   <div class="form-group">