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＆＃34;时，由于分辨率高而检测到大屏幕并且应用了错误的列类。

如何修复此问题，以便在视网膜macbook上使用col-md-10？

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。