Table of Contents

Bootstrap - Breakpoint (Toggle)

About

UI Responsive Design - Breakpoint in Bootstrap

List

Code Name Display Device Description Toggle Size
xs (Default) extra small Bootstrap Default <576px
sm small Small devices (landscape phones) < 768px
md medium tablets <992px
lg large Desktop <1200px
xl extra-large large desktops >= 1200px

For the responsive class, xs was deleted because bootstrap target the mobile screen resolution first.

Example: for the grid: