javascript - 在平板电脑上禁用 Bootstrap 模式的淡入淡出

Question

我试过搜索但没有找到这个问题的任何答案。想知道是否有办法仅在平板电脑上禁用淡入淡出/淡入淡出。我真的很喜欢这种效果，但它在平板电脑和移动设备上有点小故障。所以，想知道我是否可以做一些@media 或添加一些 javascript/jQuery 来禁用平板电脑上的功能。

Answer 1

这可以通过在适当的媒体查询中覆盖 Bootstrap CSS 来实现。

示例:(Bootstrap 3.0.2)

@media screen and (max-width: 979px) {

  /* Modal wrapper */
  .modal.fade {
    opacity: 1;
   }

  /* Modal dialog */
  .modal.fade .modal-dialog {
    -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
            transform: translate(0,0);
  }

  /* Semi-transparent backdrop */
  .modal-backdrop.fade {
    opacity: .5;
    filter: alpha(opacity=50);
  }
}

Demo