<!DOCTYPE html>
<
html
lang
=
"en"
>
<
head
>
<
meta
charset
=
"UTF-8"
>
<
meta
http-equiv
=
"X-UA-Compatible"
content
=
"IE=edge"
>
<
meta
name
=
"viewport"
content
=
"width=device-width, initial-scale=1.0"
>
<
link
href
=
rel
=
"stylesheet"
>
<
script
src
=
</
script
>
<
script
src
=
</
script
>
</
head
>
<
body
class
=
"m-3"
>
<
div
class
=
"container text-center"
>
<
h1
class
=
"text-success"
>GeeksforGeeks</
h1
>
<
h5
>Bootstrap 5 Dropdowns Disabled</
h5
>
</
div
>
<
div
class
=
"p-3 border bg-light text-center"
style
=
"height:120px;"
>
<
div
class
=
"btn-group dropstart"
>
<
button
type
=
"button"
class="btn btn-secondary
dropdown-toggle dropdown-toggle-split"
data-bs-toggle
=
"dropdown"
>
<
button
type
=
"button"
class
=
"btn btn-danger"
>
Choose the Phone
</
button
>
<
span
class
=
"visually-hidden"
>
Toggle Dropdown
</
span
>
</
button
>
<
ul
class
=
"dropdown-menu"
>
<
li
><
a
class
=
"dropdown-item"
href
=
"#"
>
Redmi</
a
></
li
>
<
li
><
a
class
=
"dropdown-item"
href
=
"#"
>Realme</
a
></
li
>
<
li
><
a
class
=
"dropdown-item"
href
=
"#"
>
Samsung A1</
a
></
li
>
<
li
><
a
class
=
"dropdown-item disabled"
href
=
"#"
tabindex
=
"-2"
>
Iphone 12</
a
></
li
>
<
li
><
a
class
=
"dropdown-item"
href
=
"#"
>
Motorola G2</
a
></
li
>
<
li
><
a
class
=
"dropdown-item disabled"
href
=
"#"
tabindex
=
"-2"
>
Vivo T1</
a
></
li
>
</
ul
>
</
div
>
<
div
class
=
"btn-group dropend"
>
<
button
type
=
"button"
class
=
"btn btn-primary"
>
Choose the Company
</
button
>
<
button
type
=
"button"
class="btn btn-success
dropdown-toggle dropdown-toggle-split"
data-bs-toggle
=
"dropdown"
>
<
span
class
=
"visually-hidden"
>
Toggle Dropdown
</
span
>
</
button
>
<
ul
class
=
"dropdown-menu"
>
<
li
><
a
class
=
"dropdown-item"
href
=
"#"
>
Amazon</
a
></
li
>
<
li
><
a
class
=
"dropdown-item"
href
=
"#"
>
GeeksforGeeks</
a
></
li
>
<
li
><
a
class
=
"dropdown-item disabled"
href
=
"#"
tabindex
=
"-3"
>
Reliance JIO</
a
></
li
>
<
li
><
a
class
=
"dropdown-item"
href
=
"#"
>
Tesla</
a
></
li
>
<
li
><
a
class
=
"dropdown-item disabled"
href
=
"#"
tabindex
=
"-3"
>Messo</
a
></
li
>
<
li
><
a
class
=
"dropdown-item"
href
=
"#"
>
Tata Motors</
a
></
li
>
</
ul
>
</
div
>
</
div
>
</
body
>
</
html
>