我看到twitter bootstrap 3使用了一些类（hidden-xs，hidden-sm，hidden-md，hidden-lg）来隐藏或显示某些特定设备上的块。
xs (extra small) -Phones - [0, 768px)
sm (small) -Tablets - [768px, 992px]
md (medium) -Desktops- [993px, 1200px]
lg (large) -Desktops- [1201px, infinite)
我不明白为什么手机被认为是高达768px？因为我的ipad有768px的宽度，因此包含在手机类别中，并且自动设计是手机上显示的设计（女巫不对）。
这样不是更正常吗？
xs (extra small) -Phones - [0, 480px)
sm (small) -Tablets - [481px, 768px]
md (medium) -Desktops- [769px, 992px]
lg (large) -Desktops- [993px, infinite)
通过这种方式，手机将达到480px，然后是桌面和台式机。
What is the best configuration to use ? If i change the media queries breakpoints into the ones i've specified, i should change the layout and grid system variables also ? 答案 0 :(得分：1)
根据Bootstrap，超小型设备的小于768px（最高767px），小型设备大于或等于768px。这些值似乎正是他们需要的地方，我会使用它们。看看这个list of displays by pixel density，我想你会发现大多数设备属于各自Bootstrap组的像素宽度。