<!doctype html>
<
html
lang
=
"en"
>
<
head
>
<
link
href
=
rel
=
"stylesheet"
integrity
=
"sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
crossorigin
=
"anonymous"
>
<
script
src
=
integrity
=
"sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
crossorigin
=
"anonymous"
>
</
script
>
</
head
>
<
body
>
<
h1
class
=
"m-4 text-success"
>
GeeksforGeeks
</
h1
>
<
h4
class
=
"ms-4"
>
Bootstrap5 Checks and radios Inline
</
h4
>
<
div
class
=
"container d-flex mt-4 p-4"
>
<
div
class="form-check form-check-inline m->">
<
input
class
=
"form-check-input"
type
=
"radio"
name
=
"options"
id
=
"defaultRadioSwitch"
autocomplete
=
"off"
>
<
label
class
=
"form-check-label"
for
=
"defaultRadioSwitch"
>
Default Radio
</
label
>
</
div
>
<
div
class="form-check form-check-inline m->">
<
input
class
=
"form-check-input"
type
=
"radio"
name
=
"options"
id
=
"checkedRadioSwitch"
autocomplete
=
"off"
checked>
<
label
class
=
"form-check-label"
for
=
"checkedRadioSwitch"
>
Checked Radio
</
label
>
</
div
>
<
div
class="form-check form-check-inline m->">
<
input
class
=
"form-check-input"
type
=
"radio"
name
=
"option"
id
=
"disabledRadioSwitch"
disabled>
<
label
class
=
"form-check-label"
for
=
"disabledRadioSwitch"
>
Disabled Radio
</
label
>
</
div
>
<
div
class="form-check form-check-inline m->">
<
input
class
=
"form-check-input"
type
=
"radio"
name
=
"option"
id
=
"checkedDisabledRadioSwitch"
checked
disabled>
<
label
class
=
"form-check-label"
for
=
"checkedDisabledRadioSwitch"
>
Checked and Disabled Radio
</
label
>
</
div
>
</
div
>
</
body
>
</
html
>