我最近添加了 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/