diff options
| author | Alexandr Kondrashov <[email protected]> | 2015-12-08 02:18:32 +0300 |
|---|---|---|
| committer | Alexandr Kondrashov <[email protected]> | 2015-12-08 02:18:32 +0300 |
| commit | 5f316e6dc34f57bfbd0ebf922fe5a01cc6bb38c4 (patch) | |
| tree | 2951782d8d0aadb61dae9122d0f508a75ed8e7eb /docs/components/input-group.md | |
| parent | c9725926b2f30bed4e37f57c20ef8ffeb2fd233b (diff) | |
| parent | afbaf4350560eaf2135fb0dc6dd761ebb746ac40 (diff) | |
| download | bootstrap-5f316e6dc34f57bfbd0ebf922fe5a01cc6bb38c4.tar.xz bootstrap-5f316e6dc34f57bfbd0ebf922fe5a01cc6bb38c4.zip | |
Merge branch 'v4-dev' of https://github.com/twbs/bootstrap into patch-1
Diffstat (limited to 'docs/components/input-group.md')
| -rw-r--r-- | docs/components/input-group.md | 16 |
1 files changed, 15 insertions, 1 deletions
diff --git a/docs/components/input-group.md b/docs/components/input-group.md index 1b3a71545..78ad26e27 100644 --- a/docs/components/input-group.md +++ b/docs/components/input-group.md @@ -23,7 +23,7 @@ Place one add-on or button on either side of an input. You may also place one on <br> <div class="input-group"> <input type="text" class="form-control" placeholder="Recipient's username" aria-describedby="basic-addon2"> - <span class="input-group-addon" id="basic-addon2">.00</span> + <span class="input-group-addon" id="basic-addon2">@example.com</span> </div> <br> <label for="basic-url">Your vanity URL</label> @@ -108,6 +108,20 @@ Buttons in input groups are a bit different and require one extra level of nesti </div> </div> </div> +<br> +<div class="row"> + <div class="col-lg-offset-3 col-lg-6"> + <div class="input-group"> + <span class="input-group-btn"> + <button class="btn btn-secondary" type="button">Hate it</button> + </span> + <input type="text" class="form-control" placeholder="Product name"> + <span class="input-group-btn"> + <button class="btn btn-secondary" type="button">Love it</button> + </span> + </div> + </div> +</div> {% endexample %} ## Buttons with dropdowns |