1. Documentation
  2. 8.x-3.x
  3. bootstrap.breakpoints.yml

file bootstrap.breakpoints.yml

bootstrap.breakpoints.yml

  1. bootstrap.screen-xs-max:

  2.   label: screen-xs-max

  3.   mediaQuery: 'all and (max-width: 767px)'

  4.   weight: 1

  5.   multipliers:

  6.     - 1x

  7.     - 2x

  8. bootstrap.screen-sm-min:

  9.   label: screen-sm-min

  10.   mediaQuery: 'all and (min-width: 768px)'

  11.   weight: 2

  12.   multipliers:

  13.     - 1x

  14.     - 2x

  15. bootstrap.screen-sm-max:

  16.   label: screen-sm-max

  17.   mediaQuery: 'all and (max-width: 991px)'

  18.   weight: 3

  19.   multipliers:

  20.     - 1x

  21.     - 2x

  22. bootstrap.screen-md-min:

  23.   label: screen-md-min

  24.   mediaQuery: 'all and (min-width: 992px)'

  25.   weight: 4

  26.   multipliers:

  27.     - 1x

  28.     - 2x

  29. bootstrap.screen-md-max:

  30.   label: screen-md-max

  31.   mediaQuery: 'all and (max-width: 1199px)'

  32.   weight: 5

  33.   multipliers:

  34.     - 1x

  35.     - 2x

  36. bootstrap.screen-lg-min:

  37.   label: screen-lg-min

  38.   mediaQuery: 'all and (min-width: 1200px)'

  39.   weight: 6

  40.   multipliers:

  41.     - 1x

  42.     - 2x