【问题标题】:Can't get @media queries to work with bootstrap无法让 @media 查询与引导程序一起使用
【发布时间】:2015-10-04 23:56:11
【问题描述】:

我似乎无法让@media 查询在引导程序中工作。以这个为例:

@media only screen and (min-width: 992px) {
.buttonspace {
margin-left:20px;
}
}

边距显示,但它也显示在

谢谢大家

【问题讨论】:

  • 你能发布一个输出的演示吗?当前代码没有问题。
  • 你也可能在你自己的 css 之后包含 bootstrap,在这种情况下 bootstrap 的媒体查询将覆盖你的

标签: css twitter-bootstrap media-queries


【解决方案1】:

您粘贴的代码似乎没问题,所以我认为这一定是忘记设置视口的经典示例。您需要包含 <meta name="viewport" content="width=device-width,initial-scale=1"> 以便浏览器正确理解 CSS 媒体查询。

(这可能是一个评论,但可惜我没有代表。)

【讨论】:

  • 谢谢,但已经知道了!真的无法解决这个问题,我确定我忽略了一些简单的事情......
猜你喜欢
  • 2017-06-23
  • 2018-11-03
  • 2015-10-11
  • 2023-03-05
  • 1970-01-01
  • 2021-11-28
  • 2016-04-22
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多