<!DOCTYPE html>
<
html
>
<
head
>
<
link
rel
=
"stylesheet"
href
=
</
head
>
<
body
>
<
h1
style
=
"color:green;"
>
GeeksforGeeks
</
h1
>
<
h5
>Two equal columns</
h5
>
<
div
class
=
"row"
>
<
div
class
=
"col-sm-6"
style
=
"background-color:rgb(173, 248, 164);"
>
column-1 width-6
</
div
>
<
div
class
=
"col-sm-6"
style
=
"background-color:rgb(71, 240, 121);"
>
column-2 width-6
</
div
>
</
div
>
<
h5
>Two unequal columns</
h5
>
<
div
class
=
"row"
>
<
div
class
=
"col-sm-8"
style
=
"background-color:rgb(173, 248, 164);"
>
column-1 width-8
</
div
>
<
div
class
=
"col-sm-4"
style
=
"background-color:rgb(71, 240, 121);"
>
column-2 width-4
</
div
>
</
div
>
<
h5
>Three equal columns</
h5
>
<
div
class
=
"row"
>
<
div
class
=
"col-sm-4"
style
=
"background-color:rgb(173, 248, 164);"
>
column-1 width-4
</
div
>
<
div
class
=
"col-sm-4"
style
=
"background-color:rgb(71, 240, 121);"
>
column-2 width-4
</
div
>
<
div
class
=
"col-sm-4"
style
=
"background-color:rgb(55, 165, 70);"
>
column-3 width-4
</
div
>
</
div
>
<
h5
>Three unequal columns</
h5
>
<
div
class
=
"row"
>
<
div
class
=
"col-sm-2"
style
=
"background-color:rgb(173, 248, 164);"
>
column-1 width-2
</
div
>
<
div
class
=
"col-sm-7"
style
=
"background-color:rgb(71, 240, 121);"
>
column-2 width-7
</
div
>
<
div
class
=
"col-sm-3"
style
=
"background-color:rgb(55, 165, 70);"
>
column-3 width-3
</
div
>
</
div
>
<
h5
>six equal columns</
h5
>
<
div
class
=
"row"
>
<
div
class
=
"col-sm-2"
style
=
"background-color:rgb(173, 248, 164);"
>
column-1 width-2
</
div
>
<
div
class
=
"col-sm-2"
style
=
"background-color:rgb(71, 240, 121);"
>
column-2 width-2
</
div
>
<
div
class
=
"col-sm-2"
style
=
"background-color:rgb(55, 165, 70);"
>
column-3 width-2
</
div
>
<
div
class
=
"col-sm-2"
style
=
"background-color:rgb(173, 248, 164);"
>
column-4 width-2
</
div
>
<
div
class
=
"col-sm-2"
style
=
"background-color:rgb(71, 240, 121);"
>
column-5 width-2
</
div
>
<
div
class
=
"col-sm-2"
style
=
"background-color:rgb(55, 165, 70);"
>
column-6 width-2
</
div
>
</
div
>
<
h5
>single column</
h5
>
<
div
class
=
"row"
>
<
div
class
=
"col-sm-12"
style
=
"background-color:rgb(173, 248, 164);"
>
column-1 width-12
</
div
>
</
div
>
</
body
>
</
html
>