aboutsummaryrefslogtreecommitdiff
path: root/docs/components/input-group.md
diff options
context:
space:
mode:
authorThomas McDonald <[email protected]>2015-08-24 16:19:19 -0700
committerThomas McDonald <[email protected]>2015-08-24 16:19:19 -0700
commit22717a12426af5567f65be1da3d4d968c22276a7 (patch)
tree491c47f72160c5b1133fa138c1fbacd00e253377 /docs/components/input-group.md
parentec523617a3eb6da5b3e14f878931c769999f89a7 (diff)
parent0da684ff8501768c0ecd4c60c0c7cf043bde1a1d (diff)
downloadbootstrap-22717a12426af5567f65be1da3d4d968c22276a7.tar.xz
bootstrap-22717a12426af5567f65be1da3d4d968c22276a7.zip
Merge branch 'v4-dev' into fix-travis-v4
Diffstat (limited to 'docs/components/input-group.md')
-rw-r--r--docs/components/input-group.md56
1 files changed, 28 insertions, 28 deletions
diff --git a/docs/components/input-group.md b/docs/components/input-group.md
index 0f27e9bac..1b3a71545 100644
--- a/docs/components/input-group.md
+++ b/docs/components/input-group.md
@@ -120,13 +120,13 @@ Buttons in input groups are a bit different and require one extra level of nesti
<button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Action
</button>
- <ul class="dropdown-menu">
- <li><a href="#">Action</a></li>
- <li><a href="#">Another action</a></li>
- <li><a href="#">Something else here</a></li>
- <li role="separator" class="divider"></li>
- <li><a href="#">Separated link</a></li>
- </ul>
+ <div class="dropdown-menu">
+ <a class="dropdown-item" href="#">Action</a>
+ <a class="dropdown-item" href="#">Another action</a>
+ <a class="dropdown-item" href="#">Something else here</a>
+ <div role="separator" class="dropdown-divider"></div>
+ <a class="dropdown-item" href="#">Separated link</a>
+ </div>
</div>
<input type="text" class="form-control" aria-label="Text input with dropdown button">
</div>
@@ -138,13 +138,13 @@ Buttons in input groups are a bit different and require one extra level of nesti
<button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Action
</button>
- <ul class="dropdown-menu dropdown-menu-right">
- <li><a href="#">Action</a></li>
- <li><a href="#">Another action</a></li>
- <li><a href="#">Something else here</a></li>
- <li role="separator" class="divider"></li>
- <li><a href="#">Separated link</a></li>
- </ul>
+ <div class="dropdown-menu dropdown-menu-right">
+ <a class="dropdown-item" href="#">Action</a>
+ <a class="dropdown-item" href="#">Another action</a>
+ <a class="dropdown-item" href="#">Something else here</a>
+ <div role="separator" class="dropdown-divider"></div>
+ <a class="dropdown-item" href="#">Separated link</a>
+ </div>
</div>
</div>
</div>
@@ -162,13 +162,13 @@ Buttons in input groups are a bit different and require one extra level of nesti
<button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="sr-only">Toggle Dropdown</span>
</button>
- <ul class="dropdown-menu">
- <li><a href="#">Action</a></li>
- <li><a href="#">Another action</a></li>
- <li><a href="#">Something else here</a></li>
- <li role="separator" class="divider"></li>
- <li><a href="#">Separated link</a></li>
- </ul>
+ <div class="dropdown-menu">
+ <a class="dropdown-item" href="#">Action</a>
+ <a class="dropdown-item" href="#">Another action</a>
+ <a class="dropdown-item" href="#">Something else here</a>
+ <div role="separator" class="dropdown-divider"></div>
+ <a class="dropdown-item" href="#">Separated link</a>
+ </div>
</div>
<input type="text" class="form-control" aria-label="Text input with segmented button dropdown">
</div>
@@ -181,13 +181,13 @@ Buttons in input groups are a bit different and require one extra level of nesti
<button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="sr-only">Toggle Dropdown</span>
</button>
- <ul class="dropdown-menu dropdown-menu-right">
- <li><a href="#">Action</a></li>
- <li><a href="#">Another action</a></li>
- <li><a href="#">Something else here</a></li>
- <li role="separator" class="divider"></li>
- <li><a href="#">Separated link</a></li>
- </ul>
+ <div class="dropdown-menu dropdown-menu-right">
+ <a class="dropdown-item" href="#">Action</a>
+ <a class="dropdown-item" href="#">Another action</a>
+ <a class="dropdown-item" href="#">Something else here</a>
+ <div role="separator" class="dropdown-divider"></div>
+ <a class="dropdown-item" href="#">Separated link</a>
+ </div>
</div>
</div>
</div>