javascript - 响应式 Bootstrap

标签 javascript css twitter-bootstrap responsive-design

我最近添加了 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 可以解决问题,我可能是不正确的,但我觉得这是一个可以解决的问题。

最佳答案

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

关于javascript - 响应式 Bootstrap ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18110996/

相关文章:

Jquery 不会在循环中分配样式

javascript - 使用 bootstrap 的表单设计 - 对齐文本框和文本区域

html - Bootstrap Image Responsive 在 IE 上搞砸了

html - Primer 与 Bootstrap 兼容吗?

javascript - 一个类的所有链接 - 如何在点击时添加其他类?

javascript - 添加行并保持格式 - Google 表格

javascript - 填充 block 规则问题

javascript - 在 CSS 文件之后下载本地脚本,而不是外部文件

android - 在 Android 中滚动时选项卡图标恶化

html - 嵌套固定元素的 z-index 问题和溢出 :hidden