diff options
| author | Mark Otto <[email protected]> | 2013-08-12 11:07:23 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2013-08-12 11:07:23 -0700 |
| commit | f662dff6e9c52770511e5f674579a27eeac85549 (patch) | |
| tree | 1b87308cc27f78ec9c3d0bb4e77626b010f3afd7 /css.html | |
| parent | a9a27d37944bbc1edb1248d22e596707af85502a (diff) | |
| download | bootstrap-f662dff6e9c52770511e5f674579a27eeac85549.tar.xz bootstrap-f662dff6e9c52770511e5f674579a27eeac85549.zip | |
fixes #9382: inline forms now require use of .form-group for proper alignment of all form controls
Diffstat (limited to 'css.html')
| -rw-r--r-- | css.html | 24 |
1 files changed, 16 insertions, 8 deletions
@@ -1394,10 +1394,14 @@ For example, <code><section></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><section></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 |