html - Bootstrap 3，视网膜显示器和 col-lg

Question

我正在使用 Twitter Bootstrap 3，并且在 div 上有两个不同的列设置：

<div class="col-md-10 col-lg-8 col-centered">

我为大型台式机屏幕设置了它col-lg-8，并希望col-md-10用于中型屏幕和笔记本电脑。我的问题是，当使用视网膜 macbook 13" 时，由于高分辨率而检测到大屏幕并且应用了错误的列类。

我该如何解决这个问题，以便col-md-10在视网膜 macbook 上使用？

Answer 1

您可能需要自定义和下载合适的 Bootstrap 3.3.4 版本，在其中修改媒体查询断点以包含正确的分辨率。现在，Bootstrap 的断点定义为：

@screen-xs: 480px;
@screen-sm: 720px;
@screen-md: 992px;
@screen-lg: 1200px;

如果您访问http://getbootstrap.com/customize/#media-queries-breakpoints，您可以自定义这些值，以便它们正确适合您的 Macbook。