Bootstrap是否有一些技巧来定义桌面，平板电脑和手机，而不是普通的屏幕尺寸？

Question

我一直试图尽可能地优化我的布局，但我遇到了奇怪的问题;尽管我的iPhone和iPad Mini显示为两个不同大小的平台，而Bootstraps＆＃39;网站，虽然我的布局编辑，他们似乎都解释了sm大小的布局。

我如何才能获得它以便Bootstrap了解具有960像素屏幕的小屏幕不适用于侧边栏而不会影响台式机和平板电脑？

Answer 1

Bootstrap在此提供精确的媒体查询：http://getbootstrap.com/css/#grid-media-queries。使用960像素的屏幕，您必须改变它以适应这种精确的分辨率。当您点击桌面和更大的桌面时，同样适用于调整媒体查询/ css。

您可以通过以下几种方式自定义这些媒体查询和CSS以满足您的需求：

• 自定义Bootstrap并通过“自定义”部分http://getbootstrap.com/customize/
编译和下载结果
• 通过默认的Bootstrap Media Queries / CSS规则创建自定义媒体查询/ CSS。这可以使用常规.css文件，Less或Sass来完成（请参阅网格表的第1个网址，其中列出了不同介质尺寸的像素尺寸）。

似乎默认的媒体查询对你的iPhone和iPad Mini工作正常 - 而且由于Bootstrap的默认设置首先是移动设备，因此sm-col类前缀会使你的工作成为你想要的（我假设我正在阅读）你的陈述是正确的。）

发布后续行动，看看是否有帮助和/或可以提供更多细节。

我希望我能帮助和/或指导你正确的方向（这是我回答的第一个问题，善意： - ））。