Twitter Bootstrap，如何知道当前的媒体查询？答案

【问题标题】：Twitter Bootstrap, how to know the current media query?Twitter Bootstrap，如何知道当前的媒体查询？
【发布时间】：2015-11-10 01:46:19
【问题描述】：

众所周知，Twitter Bootstrap 默认通过媒体查询管理 4 种布局状态：xs、sm、md、lg .

我需要知道上述哪个媒体查询是我的浏览器，并调整浏览器屏幕的大小，直到我从一个媒体查询移动到另一个媒体查询。

我想知道 Twitter Bootstrap 使用的实际媒体查询是什么，如果我必须在我的网站中注入一些 html、css、js 代码，那也没关系。

【问题讨论】：

好吧..每个普通的浏览器插件都会向您显示视口，所以如果您知道引导程序，您现在实际上是在哪个“查询”中？！

标签： html twitter-bootstrap layout media-queries

【解决方案1】：

如果有人有同样的顾虑，我解决了在我的 html 代码的某个点添加这种和平的代码：

<div id="media_query_alerts">
  <div class="alert alert-warning visible-xs-block" role="alert">media-query xs</div>
  <div class="alert alert-warning visible-sm-block" role="alert">media-query sm</div>
  <div class="alert alert-warning visible-md-block" role="alert">media-query md</div>
  <div class="alert alert-warning visible-lg-block" role="alert">media-query lg</div>
</div>

【讨论】：