Grid System

Example 1. Basic Grid

col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-2
col-2
col-2
col-2
col-2
col-2
col-3
col-3
col-3
col-3
col-4
col-4
col-4
col-6
col-6
col-8
col-4
col-10
col-2
col-12

Example 2. Grid in Container (width : 80%)

col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-2
col-2
col-2
col-2
col-2
col-2
col-3
col-3
col-3
col-3
col-4
col-4
col-4
col-6
col-6
col-8
col-4
col-10
col-2
col-12

Example 3. Content in Grid System

Panel Heading
...
Panel Heading
...
Panel Heading
...
Panel Heading
...

Example 4. Table in Grid System

Panel Heading
...
Panel Heading
...
Panel Heading
...
Name Age Location
Hong 20 Ilsan
Jung 30 Seoul
Park 15 Yeosu
Kang 32 Seoul
Song 12 Gwangju
Yoon 22 Damyang
Kim 33 Busan
Hwang 21 Seoul

Example 5. Menu in Grid System

Vertical Menu Vertical Menu Vertical Menu Vertical Menu
Panel Heading
...
Panel Heading
...
Panel Heading
...
Name Age Location
Hong 20 Ilsan
Jung 30 Seoul
Park 15 Yeosu
Kang 32 Seoul
Song 12 Gwangju
Yoon 22 Damyang
Kim 33 Busan
Hwang 21 Seoul