如何在Twitter Bootstrap中更改警報消息的淡出速度？

我正在使用twitter bootstrap，並且在警告框上關閉的淡出發生得比我想要的快。有什麼地方可以改變淡入淡出的持續時間，或者甚至可以按照每個預警基礎設置淡入淡出時間？如何在Twitter Bootstrap中更改警報消息的淡出速度？

由於

來源

2012-05-04 Dan Herman

你看過bootstrap-transition.js嗎？ http://twitter.github.com/bootstrap/javascript.html#tooltips – AlexMA

丹赫爾曼，

如果你不使用少，你覺得編輯您可以嘗試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.25秒不是默認值，這只是一個例子，如果你申請的是，你會真正注意到效果和差異。

現在，如果您想要創建淡入淡出選擇器的另一個變體，比如說「myFade」，那麼我認爲您需要修改bootstrap-alert.js並添加新的類選擇器或「myFade」類選擇器。

我還不知道JavaScript。我只是認爲你需要修改bootstrap-alert.js並插入你的新類。

來源

2012-08-07 13:45:23

.35如果您希望能夠快速點擊標籤，我發現它是最好的價值。 – RolandiXor

實際上它使用在組件animations.less .transition(opacity .15s linear);（第5行）。

如果你看看bootstrap-alert.js的第64行，你可以看到它引用類的地方。將.15s改爲你想要的，你應該很好走。

來源

2012-05-04 01:20:42 Chords

謝謝，這是我正在尋找的文件。 '_component-animations.scss'在我的情況。 –

如何在Twitter Bootstrap中更改警報消息的淡出速度？

回答

相關問題