<!DOCTYPE html>
<
html
>
<
head
>
<
link
href
=
rel
=
"stylesheet"
integrity
=
"sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
crossorigin
=
"anonymous"
>
<
script
src
=
integrity
=
"sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
crossorigin
=
"anonymous"
>
</
script
>
</
head
>
<
body
>
<
div
class
=
"container"
>
<
h1
class
=
"text-success"
>
GeeksforGeeks
</
h1
>
<
h2
> Input group Buttons with dropdowns</
h2
>
<
div
class
=
"input-group mb-3"
>
<
button
class
=
"btn btn-success dropdown-toggle"
type
=
"button"
data-bs-toggle
=
"dropdown"
>
Dropdown
</
button
>
<
ul
class
=
"dropdown-menu"
>
<
li
>
<
a
class
=
"dropdown-item"
href
=
"#"
>
A
</
a
>
</
li
>
<
li
>
<
a
class
=
"dropdown-item"
href
=
"#"
>
B
</
a
>
</
li
>
<
li
>
<
a
class
=
"dropdown-item"
href
=
"#"
>
C
</
a
>
</
li
>
</
ul
>
<
input
type
=
"text"
class
=
"form-control"
placeholder
=
"Dropdown Button"
>
</
div
>
<
div
class
=
"input-group "
>
<
input
type
=
"text"
class
=
"form-control"
placeholder
=
"Dropdown Button Right"
>
<
button
class
=
"btn btn-success dropdown-toggle"
type
=
"button"
data-bs-toggle
=
"dropdown"
>
Dropdown
</
button
>
<
ul
class
=
"dropdown-menu dropdown-menu-end"
>
<
li
>
<
a
class
=
"dropdown-item"
href
=
"#"
>
A
</
a
>
</
li
>
<
li
>
<
a
class
=
"dropdown-item"
href
=
"#"
>
B
</
a
>
</
li
>
<
li
>
<
a
class
=
"dropdown-item"
href
=
"#"
>
C
</
a
>
</
li
>
</
ul
>
</
div
>
</
div
>
</
body
>
</
html
>