Вопрос по twitter-bootstrap – Как я могу изменить скорость замирания для предупреждающих сообщений в Twitter Bootstrap?

22

Я использую загрузчик Twitter, и исчезновение при закрытии в окне предупреждения происходит быстрее, чем хотелось бы. Есть ли где-нибудь, где я могу изменить длительность замирания или, возможно, установить ее для каждого предупреждения?

Спасибо

Вы смотрели в bootstrap-transition.js?twitter.github.com/bootstrap/javascript.html#tooltips AlexMA

Ваш Ответ

2   ответа
31

Если вы не используете меньше и вам хочется отредактировать bootstrap.css, вы можете попробовать отредактировать этот файл, а не возиться с файлом .js.

Редактироват

 .fade {
   opacity: 0;
   -webkit-transition: opacity 0.25s linear;
      -moz-transition: opacity 0.25s linear;
       -ms-transition: opacity 0.25s linear;
        -o-transition: opacity 0.25s linear;
           transition: opacity 0.25s linear;
 }

и сделать это в ...

 .fade {
   opacity: 0;
   -webkit-transition: opacity 1.25s linear;
      -moz-transition: opacity 1.25s linear;
       -ms-transition: opacity 1.25s linear;
        -o-transition: opacity 1.25s linear;
           transition: opacity 1.25s linear;
 }

1.25s не является значением по умолчанию, это всего лишь пример, и если вы примените его, вы действительно заметите эффект и разницу.

Теперь, если вы хотите создать другой вариант селектора затухания, скажем, «myFade», то я думаю, что вам нужно изменить bootstrap-alert.js и добавить новый селектор классов или селектор классов «myFade».

Я пока не знаю о javascript. Я просто подумал, что вам нужно изменить bootstrap-alert.js и вставить новый класс.

.35 Я считаю, что это лучшее значение, если вы хотите быстро нажимать на вкладки. RolandiXor
4

.transition(opacity .15s linear); in component-animations.less (строка 5).

Если вы посмотрите на строку 64 файла bootstrap-alert.js, вы увидите, где он ссылается на класс. Измените .15s на то, что вы хотите, чтобы это было, и вы должны быть в порядке.

Спасибо, это файл, который я искал._component-animations.scss в моем случае Maksim Vi.

Похожие вопросы