John Smith john.smith@gmail.com

##### Stacked-to-horizontal

.col-md-2
.col-md-2
.col-md-2
.col-md-2
.col-md-2
.col-md-2
.col-md-8
.col-md-4
.col-md-4
.col-md-4
.col-md-4
.col-md-6
.col-md-6

##### Mobile and desktop

.col-xs-12 .col-md-8
.col-xs-6 .col-md-4
.col-xs-6 .col-md-4
.col-xs-6 .col-md-4
.col-xs-6 .col-md-4
.col-xs-6
.col-xs-6

##### Mobile, tablet, desktops

.col-xs-12 .col-sm-6 .col-md-8
.col-xs-6 .col-md-4
.col-xs-6 .col-sm-4
.col-xs-6 .col-sm-4
.col-xs-6 .col-sm-4

##### Offsetting columns

.col-md-4
.col-md-4 .col-md-offset-4
.col-md-3 .col-md-offset-3
.col-md-3 .col-md-offset-3
.col-md-6 .col-md-offset-3

##### Column ordering

.col-md-9 .col-md-push-3
.col-md-3 .col-md-pull-9

### Grid options

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

| Extra small devices Phones (<768px) | Small devices Tablets (≥768px) | Medium devices Desktops (≥992px) | Large devices Desktops (≥1200px)
--- | --- | --- | --- | ---
Grid behavior | Horizontal at all times | Collapsed to start, horizontal above breakpoints
Container width | None (auto) | 750px | 970px | 1170px
Class prefix | `.col-xs-` | `.col-sm-` | `.col-md-` | `.col-lg-`
# of columns | 12
Column width | Auto | ~62px | ~81px | ~97px
Gutter width | 30px (15px on each side of a column)
Nestable | Yes
Offsets | Yes
Column ordering | Yes

× Members
Jonathan Doe "Hey, What's up"
James Pill "Lorem ipsum dolor sit amet onsectetur adipiscing elit"
Work
Jonathan Morina Mason Yarnell Mike Mcalidek Cris Labiso Daniel Sandvid Helder Oliveira Jeff Broderik Daniel Sandvid Helder Oliveira Jeff Broderik
Partner
Mason Yarnell Mike Mcalidek Cris Labiso Jonathan Morina Daniel Sandvid Helder Oliveira

Invite People

Twitter Facebook
× Chat
Hi John, What's up...
2 minutes ago
Lorem ipsum dolor soe rooke..
1 minutes ago
Good!
5 seconds ago
Dlor soe isep..
Just now