Extra-small: 100% columns.
1 column, 20px left/right gutter.
Full-width
l-col-1
Auto-width #1
l-col
Auto-width #2
l-col
Small: 768px (48rem) breakpoint, 700px max-column
8 columns, 70px column, 20px gutter.
700px
l-col-sm-8
610px
l-col-sm-7
520px
l-col-sm-6
430px
l-col-sm-5
340px
l-col-sm-4
250px
l-col-sm-3
160px
l-col-sm-2
70px
l-col-sm-1
430px
l-col-sm-5
250px
l-col-sm-3
340px
l-col-sm-4
340px
l-col-sm-4
160px
l-col-sm-2
160px
l-col-sm-2
160px
l-col-sm-2
160px
l-col-sm-2
Medium: 980px (61.25rem) breakpoint, 940px max-column.
12 columns, 60px column, 20px gutter.
940px
l-col-md-12
860px
l-col-md-11
780px
l-col-md-10
700px
l-col-md-9
620px
l-col-md-8
540px
l-col-md-7
460px
l-col-md-6
380px
l-col-md-5
300px
l-col-md-4
220px
l-col-md-3
140px
l-col-md-2
60px
l-col-md-1
620px
l-col-md-8
300px
l-col-md-4
380px
l-col-md-5
220px
l-col-md-3
300px
l-col-md-4
300px
l-col-md-4
300px
l-col-md-4
300px
l-col-md-4
220px
l-col-md-3
220px
l-col-md-3
220px
l-col-md-3
220px
l-col-md-3
Large: 1280px (80rem) breakpoint, 1260px max-column.
16 columns, 60px column, 20px gutter.
1260px
l-col-lg-16
1180px
l-col-lg-15
1100px
l-col-lg-14
1020px
l-col-lg-13
940px
l-col-lg-12
860px
l-col-lg-11
780px
l-col-lg-10
700px
l-col-lg-9
620px
l-col-lg-8
540px
l-col-lg-7
460px
l-col-lg-6
380px
l-col-lg-5
300px
l-col-lg-4
220px
l-col-lg-3
140px
l-col-lg-2
60px
l-col-lg-1
940px
l-col-lg-12
300px
l-col-lg-4
140px
l-col-lg-2
780px
l-col-lg-10
300px
l-col-lg-4
540px
l-col-lg-7
380px
l-col-lg-5
300px
l-col-lg-4
460px
l-col-lg-6
460px
l-col-lg-6
300px
l-col-lg-4
300px
l-col-lg-4
300px
l-col-lg-4
300px
l-col-lg-4
300px
l-col-lg-4
220px
l-col-lg-3
220px
l-col-lg-3
220px
l-col-lg-3
220px
l-col-lg-3
300px
l-col-lg-4
140px
l-col-lg-2
140px
l-col-lg-2
140px
l-col-lg-2
140px
l-col-lg-2
140px
l-col-lg-2
140px
l-col-lg-2
300px
l-col-lg-4