<!DOCTYPE html>
<
html
lang
=
"en"
>
<
head
>
<
meta
charset
=
"utf-8"
>
<
meta
name
=
"viewport"
content=
"
width
=
device
-width,
initial-scale
=
1
,
shrink-to-fit
=
no
">
<
link
rel
=
"stylesheet"
href
=
integrity
=
"sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk"
crossorigin
=
"anonymous"
>
integrity
=
"sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin
=
"anonymous"
>
</
script
>
<
script
src
=
integrity
=
"sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
crossorigin
=
"anonymous"
>
</
script
>
<
script
src
=
integrity
=
"sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI"
crossorigin
=
"anonymous"
>
</
script
>
<
title
>
How to set one column control
over height in Bootstrap ?
</
title
>
<
style
type
=
"text/css"
>
.bg-1 {
background-color: yellow;
}
.bg-2 {
background-color: lightgreen;
}
</
style
>
</
head
>
<
body
>
<
center
>
<
h1
style
=
"color: green"
>
GeeksforGeeks
</
h1
>
</
center
>
<
div
class
=
'container'
>
<
div
class
=
'row'
>
<
div
class
=
'col-3 bg-1 overflow-auto'
>
<
div
class
=
"position-absolute"
>
A Computer Science portal for geeks.
It contains well written, well thought
and well explained computer science
and programming articles, quizzes and
many other contents.
A Computer Science portal for geeks.
It contains well written, well thought
and well explained computer science
and programming articles, quizzes and
many other contents.
</
div
>
</
div
>
<
div
class
=
'col-9 bg-2'
>
A Computer Science portal for geeks.
It contains well written, well thought
and well explained computer science
and programming articles, quizzes and
many other contents.
A Computer Science portal for geeks.
It contains well written, well thought
and well explained computer science
and programming articles, quizzes and
many other contents.
A Computer Science portal for geeks.
It contains well written, well thought
and well explained computer science
and programming articles, quizzes and
many other contents.
</
div
>
</
div
>
</
div
>
</
body
>
</
html
>