2013-11-16 4 views
0

Я пробовал искать, но не нашел ответов на этот вопрос. Удивление, если есть способ отключить fade/fade только на планшетах. Мне действительно нравится эффект, но он немного глючит на планшетах, мобильных устройствах. Итак, интересно, могу ли я сделать что-то вроде @media или добавить javascript/jQuery, чтобы отключить эту функцию на планшетах.Disable fade for Bootstrap modal на планшете

ответ

2

Это возможно, просто переставив bootstrap CSS в соответствующий медиа-запрос.

Пример: (Бутстрап 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

+0

Здравствуйте Тигран Петросян. Большое спасибо за Ваш ответ! К сожалению, я не могу заставить это работать. Однако может быть, потому что я запускаю более старую версию Bootstrap, v2.2.1. Извините, я не указал версию в своем исходном сообщении. Я попытался использовать вашу идею с изменениями, направленными на эту более старую версию, но не повезло. Знаете ли вы, возможно ли это с более старыми версиями, и если да, то какие особенности? Еще раз спасибо, очень ценим. – susan