<!DOCTYPE html>
<
html
lang
=
"en"
>
<
head
>
<
title
>Bootstrap 5 Buttons Disabled state</
title
>
<
meta
charset
=
"utf-8"
>
<
meta
name
=
"viewport"
content
=
"width=device-width, initial-scale=1"
>
rel
=
"stylesheet"
integrity
=
"sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
crossorigin
=
"anonymous"
>
integrity
=
"sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
crossorigin
=
"anonymous"
>
</
script
>
</
head
>
<
body
style
=
"text-align:center;"
>
<
div
class
=
"container mt-3"
>
<
h1
class
=
"text-success"
>
GeeksforGeeks
</
h1
>
<
h2
>Bootstrap 5 Buttons Disabled state</
h2
>
<
h3
>Disabled Links as Buttons</
h3
>
<
a
href
=
"#"
class
=
"btn btn-primary disabled"
tabindex
=
"-1"
role
=
"button"
aria-disabled
=
"true"
>
Primary Disabled link
</
a
>
<
a
href
=
"#"
class
=
"btn btn-secondary disabled"
tabindex
=
"-1"
role
=
"button"
aria-disabled
=
"true"
>
Secondary Disabled link
</
a
>
<
a
href
=
"#"
class
=
"btn btn-success disabled"
tabindex
=
"-1"
role
=
"button"
aria-disabled
=
"true"
>
Success Disabled link
</
a
>
<
a
href
=
"#"
class
=
"btn btn-danger disabled"
tabindex
=
"-1"
role
=
"button"
aria-disabled
=
"true"
>
Danger Disabled link
</
a
>
<
br
><
br
>
<
h3
>Active Links as Buttons</
h3
>
<
a
href
=
"#"
class
=
"btn btn-warning"
tabindex
=
"-1"
role
=
"button"
aria-disabled
=
"false"
>
Warning Active link
</
a
>
<
a
href
=
"#"
class
=
"btn btn-info"
tabindex
=
"-1"
role
=
"button"
aria-disabled
=
"false"
>
Info Active link
</
a
>
<
a
href
=
"#"
class
=
"btn btn-light"
tabindex
=
"-1"
role
=
"button"
aria-disabled
=
"false"
>
Light Active link
</
a
>
<
a
href
=
"#"
class
=
"btn btn-dark"
tabindex
=
"-1"
role
=
"button"
aria-disabled
=
"false"
>
Dark Active link
</
a
>
</
div
>
</
body
>
</
html
>