Bootstrap - Breakpoint (Toggle)


UI Responsive Design - Breakpoint in Bootstrap


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:

  • order-xs-first does not exist
  • order-first is the good class name that apply to the default xs

Discover More
Android Screen Buckets
UI Responsive Design - Breakpoint

layouts are responsive (ie change) at what is called breakpoint. Use line measures as a factor for picking breakpoint. where: viewport example (ie the size of the display device) Ipad: 768...

Share this page:
Follow us:
Task Runner