响应式引导

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 进行此类修改？具体来说，我希望元素上的弹出框默认向右浮动，但在使用手机时会向上浮动。我有什么选择来做这样的事情？假设响应式引导程序可以解决问题，我可能是不正确的，但我觉得这是一个可以解决的问题。

Answer 1

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