在文档中，它有“高达 480 像素”和“768 像素及以上”的媒体查询，但在这些尺寸之间没有任何内容。
那是怎么回事？是评论中的错误还是什么？
问问题
6007 次
2 回答
1
Bootstrap 是一个“移动优先”的框架。这意味着最初的核心样式适用于智能手机设备（最高 768 像素）。
之后，定义了各种分辨率断点，这些断点会触发覆盖或补充核心样式的其他样式，以优化各种设备的布局。例如，导航菜单可能默认隐藏在移动优化布局中，但如果分辨率达到 768 像素，平板电脑优化样式就会启动并将导航菜单显示为下拉菜单。
听起来可能有点混乱，但如果您想为智能手机添加样式，只需将它们添加到您的样式表中，无需媒体查询。如果您想覆盖或补充平板电脑的这些样式，请使用@media (min-width: @screen-sm) { ... }媒体查询。桌面和超宽桌面布局也是如此。
应该注意的是，如果您愿意，您可以覆盖这些解析断点。
更新
从这个答案：Twitter 的 Bootstrap 3 网格，更改断点和删除填充
看起来有一些代码用于使用 480px 断点的“小”网格系统，但似乎没有实现。
于 2013-09-19T15:29:07.757 回答