Bootstrap 3 Responsive Grid Illustratror Templates (AI) : Base Template by

You might also like

Download as pdf or txt
Download as pdf or txt
You are on page 1of 2

Bootstrap 3 Responsive Grid Illustratror Templates (AI)

.col- lg-1

.col- lg-1

.col- lg-1

.col- lg-2

.col- lg-1

.col- lg-1

.col- lg-2

.col- lg-1

.col- lg-1

.col- lg-2

.col- lg-3

.col- lg-1

.col- lg-2

.col- lg-3

.col- lg-1

.col- lg-1

.col- lg-2

.col- lg-3

.col- lg-4

.col- lg-6

.col- lg-6

.col- lg-7

.col- lg-8

.col- lg-9

.col- lg-10

.col- lg-11

.col- lg-12

Base Template by
Carlos Silva / https://dribbble.com/casgraphic

.col- lg-4

.col- lg-7

.col- lg-1

.col- lg-2

.col- lg-3

.col- lg-4

.col- lg-5

.col- lg-1

Bootstrap 3 Responsive Grid options

Bootstrap 3
v3.3.4

Extra small devices Phones


( < 768px)

Small devices Tablets


( > 768px)

Grid Behavior

Horizontal at all times

Collapse to start, horizontal above breakpoints

Container width

None (auto)

750px

970px

1170px

# of columns

12

Container width

Auto

60px

78px

95px

Gutter width

30px (15px on each side of a column)

Nestable

Yes

Offsets

Yes)

Column ordering

Yes

Base Template by
Carlos Silva / https://dribbble.com/casgraphic

Medium devices Desktops


(> 992px)

Large devices Desktops


( > 1200px)

You might also like