引导 - 修改媒体查询

Question

我使用Twitter的引导2.2.8和轨道4

在适用情况下，我使用了下面的类设置为桌面，平板电脑和手机不同的div：

.visible-desktop, .visible-tablet, .visible-phone 

问题是，随着引导媒体查询的工作方式，iPad（横向）使用的是桌面代码而不是平板电脑版本，这是一个主要问题。

有什么办法可以修改自举媒体查询，以便平板电脑的最大宽度是1024像素，而不是当前值（979像素）？

Answer 1

如果您不介意在Bootstrap CSS中进行黑客攻击，您只需找到媒体查询并将其更改为所需的任何宽度/高度即可。你会发现这样的

@media (min-width: 768px) { /*some css*/} 

线只要改变这些值，以任何你想要的（媒体查询将出现在整个CSS许多不同的地方），这将改变各个阶级，所以你的情况应该有有点像

@media (max-width: 979px) { 
    .visible-tablet{ 
     display:block; 
    } 
} 

只是将该媒体查询更改为1024，然后离开。只要注意过多地混淆了媒体查询，因为某些具有宽度的类（例如各种span*类）在开始搞乱媒体查询更改的点时可能开始表现怪异。