Breakpoints
Responsive tiers: sm, md, lg, xl, xxl
Bootstrap has 6 responsive breakpoints. Drag the slider to change the viewport width and see which breakpoint activates.
Viewport width768px
320px1600px
Quick select
All breakpoints
xs<576px
sm>=576px
md>=768px
lg>=992px
xl>=1200px
xxl>=1400px
Active breakpointmd (>=768px)
xs
sm
md
lg
xl
xxl
Grid layout at md (2 columns)
Class prefix for md:
col-md-*
<div class="col-md-6">Half width at md</div>
xs
0
sm
576
md
768
lg
992
xl
1200
xxl
1400