我的手机（LG G2）的视口大小为360px 598px。
Col-xs瞄准小于768像素的设备，因此，即使用户处于纵向或横向模式，即使由于横向宽度我可以显示更多元素，他也将获得相同的结果。这就是为什么我想知道为什么最小的媒体查询是引导程序中的768px，而没有考虑电话的纵向/横向视图。
谢谢您的澄清。
最佳答案
尽管LG G2可以“横向”显示更多信息，但这并不是目标性网页设计所要的。
Bootstrap（和其他人）确实选择了这些断点来创建广泛的屏幕尺寸/设备组。
他们决定使用iPad的纵向宽度（768px）作为典型手机和平板电脑之间的断点，这对于要做的工作量是完全有意义的。响应式网页设计的全部目的在于创建这些设备组，而不必为大量设备类型编写数百个版本的代码，并且仍然能够为大多数设备创建优化视图。
当然，您仍然可以使用自定义版本，但是创建的视口组越多，就需要进行更多的调整和测试（尽快回到用户代理侦听时间）
关于html - Bootstrap-为什么最低媒体查询为768px？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/22193506/