Twitter Bootstrap에서 경고 메시지의 페이드 속도를 어떻게 변경할 수 있습니까?

Question

저는 트위터 부트 스트랩을 사용하고 있습니다. 경고 상자에서 닫기를위한 페이드는 내가 원하는 것보다 빠르게 발생합니다. 페이드 지속 시간을 변경하거나 경고 기준으로 설정할 수도 있습니까?

감사

Answer 1

댄 허먼,

적은 사용하지 않는 당신은 당신이 시도 할 수있다 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를 수정하고 새 클래스를 삽입해야한다고 생각했습니다.

Answer 2

실제로 컴포넌트 animations.less에서 사용 .transition(opacity .15s linear); (5 행).

bootstrap-alert.js의 64 행을 보면 해당 클래스를 참조하는 부분을 볼 수 있습니다. .15s를 당신이 원하는대로 바꾸면 당신은 잘 가야합니다.