<!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
class
=
"m-4"
>
<
h1
class
=
"mt-3 text-success"
>
GeeksforGeeks
</
h1
>
<
h4
>Bootstrap 5 Toggle between modals</
h4
>
<
div
class
=
"modal fade"
id
=
"DS"
>
<
div
class="modal-dialog modal-dialog-centered
modal-dialog-scrollable">
<
div
class
=
"modal-content"
>
<
div
class
=
"modal-header"
>
<
h5
class
=
"modal-title"
id
=
"DSLabel"
>
Data Structures
</
h5
>
<
button
type
=
"button"
class
=
"btn-close"
data-bs-dismiss
=
"modal"
>
</
button
>
</
div
>
<
div
class
=
"modal-body p-5"
>
A data structure is a storage that is
used to store and organize data.
It is a way of arranging data on a
computer so that it can be accessed
and updated efficiently.
</
div
>
<
div
class
=
"modal-footer"
>
<
button
class
=
"btn btn-success"
data-bs-target
=
"#algo"
data-bs-toggle
=
"modal"
data-bs-dismiss
=
"modal"
>
Open Algo Modal
</
button
>
</
div
>
</
div
>
</
div
>
</
div
>
<
div
class
=
"modal fade"
id
=
"algo"
aria-hidden
=
"true"
aria-labelledby
=
"DSLabel2"
tabindex
=
"-1"
>
<
div
class="modal-dialog modal-dialog-centered
modal-dialog-scrollable">
<
div
class
=
"modal-content"
>
<
div
class
=
"modal-header"
>
<
h5
class
=
"modal-title"
id
=
"AlgoLabel"
>
Algorithm
</
h5
>
<
button
type
=
"button"
class
=
"btn-close"
data-bs-dismiss
=
"modal"
aria-label
=
"Close"
>
</
button
>
</
div
>
<
div
class
=
"modal-body p-5"
>
The word Algorithm means ”
A set of rules to be followed in
calculations or other problem-solving
operations ” Or ” A procedure for solving
a mathematical problem in a finite
number of steps that frequently
by recursive operations “.
</
div
>
<
div
class
=
"modal-footer"
>
<
button
class
=
"btn btn-success"
data-bs-target
=
"#DS"
data-bs-toggle
=
"modal"
data-bs-dismiss
=
"modal"
>
Back to DS Modal
</
button
>
</
div
>
</
div
>
</
div
>
</
div
>
<
a
class
=
"btn btn-success m-4"
data-bs-toggle
=
"modal"
href
=
"#DS"
role
=
"button"
>
Open DS modal
</
a
>
</
body
>
</
html
>