<!DOCTYPE html>
<
html
>
<
head
>
<
title
>Bootstrap 5 Select</
title
>
rel
=
"stylesheet"
integrity
=
"sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
crossorigin
=
"anonymous"
>
integrity
=
"sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
crossorigin
=
"anonymous"
>
</
script
>
</
head
>
<
body
>
<
div
class
=
"container text-center"
>
<
h1
class
=
"text-success"
>
GeeksforGeeks
</
h1
>
<
h2
>Bootstrap 5 Select</
h2
>
<
h3
>Small Select Option</
h3
>
<
select
class
=
"form-select form-select-sm"
aria-label
=
"GFG Small Select"
>
<
option
>Select an Option</
option
>
<
option
value
=
"GFG1"
>HTML</
option
>
<
option
value
=
"GFG2"
>CSS</
option
>
<
option
value
=
"GFG3"
>JavaScript</
option
>
<
option
value
=
"GFG4"
>Bootstrap</
option
>
</
select
>
<
br
><
br
>
<
h3
>Large Select Option</
h3
>
<
select
class
=
"form-select form-select-lg"
aria-label
=
"GFG Large Select"
>
<
option
>Select an Option</
option
>
<
option
value
=
"GFG1"
>HTML</
option
>
<
option
value
=
"GFG2"
>CSS</
option
>
<
option
value
=
"GFG3"
>JavaScript</
option
>
<
option
value
=
"GFG4"
selected>Bootstrap</
option
>
</
select
>
</
div
>
</
body
>
</
html
>