javascript - 响应式 Bootstrap

Question

我最近添加了 responsive bootstrap到一个应用程序，一切都很好。我已经能够根据屏幕分辨率对布局进行修改，如下所示在我的 application.css 文件中:

* // other stuff up here...//
*
*= require_self
*= require bootstrap_and_overrides
*= require_tree .
*/

@media (min-width: 1200px) {
  #winner_table { max-width: 30%; }
}

现在，我想知道是否可以根据屏幕分辨率对我的 javascript 进行这样的修改？具体来说，我希望元素上的弹出框在默认情况下向右浮动，但在使用电话时向上 float 。我有什么选择可以做这样的事情？假设响应式 Bootstrap 可以解决问题，我可能是不正确的，但我觉得这是一个可以解决的问题。

Answer 1

您还可以使用 matchmedia.js 调用某些 jQuery 元素 - https://github.com/paulirish/matchMedia.js/