<!DOCTYPE html>
<
html
>
<
head
>
<
title
>
Bootstrap 5 | Buttons group
</
title
>
<
link
rel
=
"stylesheet"
href
=
integrity
=
"sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I"
crossorigin
=
"anonymous"
>
</
head
>
<
body
>
<
div
style="text-align: center;
width: 600px; margin-top:100px;">
<
h1
style
=
"color: green;"
>
GeeksforGeeks
</
h1
>
</
div
>
<
div
style="width: 600px;height: 200px;
margin:20px;text-align: center;">
<
div
class
=
"btn-group"
>
<
button
type
=
"button"
class
=
"btn btn-primary"
>
Primary</
button
>
<
button
type
=
"button"
class
=
"btn btn-secondary"
>
Secondary</
button
>
<
button
type
=
"button"
class
=
"btn btn-success"
>
Success</
button
>
<
button
type
=
"button"
class
=
"btn btn-danger"
>
Danger</
button
>
</
div
>
<
div
class
=
"btn-group"
style
=
"margin-top: 10px;"
>
<
button
type
=
"button"
class
=
"btn btn-warning"
>
Warning</
button
>
<
button
type
=
"button"
class
=
"btn btn-info"
>
Info</
button
>
<
button
type
=
"button"
class
=
"btn btn-light"
>
Light</
button
>
<
button
type
=
"button"
class
=
"btn btn-dark"
>
Dark</
button
>
<
button
type
=
"button"
class
=
"btn btn-link"
>
Link</
button
>
</
div
>
</
div
>
</
body
>
</
html
>