<!DOCTYPE html>
<
html
>
<
head
>
<
title
>Bulma 12 Column System</
title
>
<
link
rel
=
'stylesheet'
href
=
</
head
>
<
body
class
=
"has-text-centered"
>
<
h1
class
=
"is-size-2 has-text-success"
>
GeeksforGeeks
</
h1
>
<
b
class
=
"is-size-4"
>
Bulma 12 Column System
</
b
>
<
div
class
=
"container"
>
<
div
class
=
"columns"
>
<
div
class
=
"column is-12"
>
<
div
class
=
"notification is-link"
>
<
code
>is-12</
code
>
</
div
>
</
div
>
</
div
>
<
div
class
=
"columns"
>
<
div
class
=
"column is-11"
>
<
div
class
=
"notification is-link"
>
<
code
>is-11</
code
>
</
div
>
</
div
>
<
div
class
=
"column"
>
<
div
class
=
"notification is-link"
>
1
</
div
>
</
div
>
</
div
>
<
div
class
=
"columns"
>
<
div
class
=
"column is-10"
>
<
div
class
=
"notification is-link"
>
<
code
>is-10</
code
>
</
div
>
</
div
>
<
div
class
=
"column"
>
<
div
class
=
"notification is-link"
>
2
</
div
>
</
div
>
</
div
>
<
div
class
=
"columns"
>
<
div
class
=
"column is-9"
>
<
div
class
=
"notification is-link"
>
<
code
>is-9</
code
>
</
div
>
</
div
>
<
div
class
=
"column"
>
<
div
class
=
"notification is-link"
>
3
</
div
>
</
div
>
</
div
>
<
div
class
=
"columns"
>
<
div
class
=
"column is-8"
>
<
div
class
=
"notification is-link"
>
<
code
>is-8</
code
>
</
div
>
</
div
>
<
div
class
=
"column"
>
<
div
class
=
"notification is-link"
>
4
</
div
>
</
div
>
</
div
>
<
div
class
=
"columns"
>
<
div
class
=
"column is-7"
>
<
div
class
=
"notification is-link"
>
<
code
>is-7</
code
>
</
div
>
</
div
>
<
div
class
=
"column"
>
<
div
class
=
"notification is-link"
>
5
</
div
>
</
div
>
</
div
>
<
div
class
=
"columns"
>
<
div
class
=
"column is-6"
>
<
div
class
=
"notification is-link"
>
<
code
>is-6</
code
>
</
div
>
</
div
>
<
div
class
=
"column"
>
<
div
class
=
"notification is-link"
>
6
</
div
>
</
div
>
</
div
>
<
div
class
=
"columns"
>
<
div
class
=
"column is-5"
>
<
div
class
=
"notification is-link"
>
<
code
>is-5</
code
>
</
div
>
</
div
>
<
div
class
=
"column"
>
<
div
class
=
"notification is-link"
>
7
</
div
>
</
div
>
</
div
>
<
div
class
=
"columns"
>
<
div
class
=
"column is-4"
>
<
div
class
=
"notification is-link"
>
<
code
>is-4</
code
>
</
div
>
</
div
>
<
div
class
=
"column"
>
<
div
class
=
"notification is-link"
>
8
</
div
>
</
div
>
</
div
>
<
div
class
=
"columns"
>
<
div
class
=
"column is-3"
>
<
div
class
=
"notification is-link"
>
<
code
>is-3</
code
>
</
div
>
</
div
>
<
div
class
=
"column"
>
<
div
class
=
"notification is-link"
>
9
</
div
>
</
div
>
</
div
>
<
div
class
=
"columns"
>
<
div
class
=
"column is-2"
>
<
div
class
=
"notification is-link"
>
<
code
>is-2</
code
>
</
div
>
</
div
>
<
div
class
=
"column"
>
<
div
class
=
"notification is-link"
>
10
</
div
>
</
div
>
</
div
>
</
div
>
</
body
>
</
html
>