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
Radios
Selects
Toggles and raiting