Twitter Bootstrapで警告メッセージのフェード速度を変更するにはどうすればよいですか？

Question

私は、Twitterのブートストラップを使用しています。アラートボックスの閉じるのためのフェードは、私が望むよりも速く起こります。フェードの持続時間を変更したり、アラートごとに設定することもできますか？

おかげ

Answer 1

ダンハーマン、

あなたは以下を使用していないと、あなたが.jsファイルと周りの混乱にしようとすると、編集し、このいずれかをしていないかもしれbootstrap.cssを編集するように感じる場合。

編集

.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を変更して新しいクラスを挿入する必要があると思っただけです。

Answer 2

実際に部品animations.lessで.transition(opacity .15s linear);使用（ライン5）。

bootstrap-alert.jsの64行目を見ると、そのクラスが参照されている場所がわかります。 .15sをあなたがしたいものに変更してください。