TwitterBootstrap，如何知道当前的媒体查询？

Question

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

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

我想知道 Twitter Bootstrap 使用的是哪个媒体查询，如果我必须在其中注入一些 html、css、js 代码就可以了我的网站。

Answer 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>

TwitterBootstrap，如何知道当前的媒体查询？

Twitter Bootstrap, how to know the current media query?

html

layout

media-queries

twitter-bootstrap