<!DOCTYPE html>
<
html
lang
=
"en"
>
<
head
>
<
meta
charset
=
"UTF-8"
/>
<
meta
name
=
"viewport"
content
=
"width=device-width,initial-scale=1.0"
/>
<
link
rel
=
"stylesheet"
href
=
integrity
=
"sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
crossorigin
=
"anonymous"
/>
integrity
=
"sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
crossorigin
=
"anonymous"
>
</
script
>
<
script
src
=
integrity
=
"sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
crossorigin
=
"anonymous"
>
</
script
>
<
script
src
=
integrity
=
"sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
crossorigin
=
"anonymous"
>
</
script
>
<
script
src
=
</
script
>
<
link
rel
=
"stylesheet"
type
=
"text/css"
href
=
<
script
src
=
</
script
>
<
style
>
.modal-body {
overflow-y: scroll;
text-align: justify;
}
</
style
>
</
head
>
<
body
>
<
h2
class
=
"m-5"
>Long Scrollable Modal</
h2
>
<
button
type
=
"button"
class
=
"btn btn-primary m-5"
data-toggle
=
"modal"
data-target
=
"#exampleModalLong"
>
Launch demo modal
</
button
>
<
div
class
=
"modal fade"
id
=
"exampleModalLong"
tabindex
=
"-1"
role
=
"dialog"
aria-labelledby
=
"exampleModalLongTitle"
aria-hidden
=
"true"
>
<
div
class
=
"modal-dialog"
role
=
"document"
>
<
div
class
=
"modal-content"
>
<
div
class
=
"modal-header"
>
<
h5
class
=
"modal-title"
id
=
"exampleModalLongTitle"
>
GeeksforGeeks
</
h5
>
<
button
type
=
"button"
class
=
"close"
data-dismiss
=
"modal"
aria-label
=
"Close"
>
<
span
aria-hidden
=
"true"
>
×</
span
>
</
button
>
</
div
>
<
div
class
=
"modal-body"
>
Bootstrap is a free and open-source
tool collection for creating responsive
websites and web applications. It is the
most popular HTML, CSS, and JavaScript
framework for developing responsive,
mobile-first web sites. Nowadays, the
websites are perfect for all the browsers
(IE, Firefox and Chrome) and for all sizes
of screens (Desktop, Tablets, Phablets,
and Phones). All thanks to Bootstrap
developers – Mark Otto and Jacob Thornton
of Twitter, though it was later declared
to be an open-source project.
</
div
>
<
div
class
=
"modal-footer"
>
<
button
type
=
"button"
class
=
"btn btn-secondary"
data-dismiss
=
"modal"
>
Close
</
button
>
<
button
type
=
"button"
class
=
"btn btn-primary"
>
Save changes
</
button
>
</
div
>
</
div
>
</
div
>
</
div
>
<
script
>
$('.modal-content').resizable({
minHeight: 300,
minWidth: 300
});
$('.modal-dialog').draggable({
handle: ".modal-header"
});
</
script
>
</
body
>
</
html
>