Bootstrap includes a responsive, mobile first fluid grid system that appropriately scales up to 12 columns as the device or viewport size increases. It includes predefined classes for easy layout options, as well as powerful mixins for generating more semantic layouts.

### Column sizing

See how aspects of the Bootstrap grid system work across multiple devices with a handy table.

Checkboxes

#### Checkboxes in columns

One
Two
Three
Four
Five
Six
Seven
Eight
Nine

#### Checkboxes inline

One
Two
Three
Four
Five
Six
Seven

#### Small sizes

One
Two
Three
Four
Five
Six
Seven
Eight
Nine
Radios

#### Radios in columns

One
Two
Three
Four
Five
Six
Seven
Eight
Nine

#### Radios inline

One
Two
Three
Four
Five
Six
Seven

#### Small sizes

One
Two
Three
Four
Five
Six
Seven
Eight
Nine
Selects

#### Basic select

#### Multiple select

#### Select2 plugin

Toggles and raiting

#### Toggle checkbox

#### Toggle radio