diff options
| author | Mark Otto <[email protected]> | 2013-05-02 22:52:32 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2013-05-02 22:54:14 -0700 |
| commit | bec8c90fd7a126e23c1d3a66eba9782b32729e48 (patch) | |
| tree | b4b122ee56eb119e96c77d02155ba15154cbac15 /docs | |
| parent | a4f2c9e156ed52e24ea779b8ef4a32adfb124444 (diff) | |
| download | bootstrap-bec8c90fd7a126e23c1d3a66eba9782b32729e48.tar.xz bootstrap-bec8c90fd7a126e23c1d3a66eba9782b32729e48.zip | |
Cleanup .navbar-form styles
* Nuke the commented out navbar forms code that's not currently needed
* Add a few more examples to the .navbar-form docs section
* Remove (for now at least) top padding on checkbox and radios
Diffstat (limited to 'docs')
| -rw-r--r-- | docs/docs.html | 32 |
1 files changed, 32 insertions, 0 deletions
diff --git a/docs/docs.html b/docs/docs.html index 4292b650c..2b922b695 100644 --- a/docs/docs.html +++ b/docs/docs.html @@ -3476,12 +3476,44 @@ For example, <code><section></code> should be wrapped as inline. <h3 id="navbar-forms">Forms</h3> <p>To properly style and position a form within the navbar, add the appropriate classes as shown below. For a default form, include <code>.navbar-form</code> and either <code>.pull-left</code> or <code>.pull-right</code> to properly align it.</p> <div class="bs-docs-example"> + + <div class="navbar"> + <form class="navbar-form pull-left"> + <input type="text" style="width: 200px;"> + <button type="submit" class="btn">Submit</button> + </form> + </div> + + <div class="navbar"> + <form class="navbar-form pull-left"> + <select name="" id="" style="width: 200px;"> + <option value="1">1</option> + <option value="1">1</option> + <option value="1">1</option> + <option value="1">1</option> + </select> + <button type="submit" class="btn">Submit</button> + </form> + </div> + + <div class="navbar"> + <form class="navbar-form pull-left"> + <input type="text" style="width: 200px;"> + <input type="checkbox"> + <button type="submit" class="btn">Submit</button> + </form> + </div> + <div class="navbar"> <form class="navbar-form pull-left"> <input type="text" style="width: 200px;"> + <label class="checkbox-inline"> + <input type="checkbox"> Derp + </label> <button type="submit" class="btn">Submit</button> </form> </div> + </div><!-- /example --> {% highlight html %} <form class="navbar-form pull-left"> |