禁用平板电脑上的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