트위터 Bootstrap에서 슬라이딩 버튼
1375 단어 TwitterBootstrap
사용법, 이동하는 샘플 자체는 그대로 붙이고 적혀 있으니 저쪽 w 참조
트위터 부트스트랩의 자바스크립트 분류, → 버튼의 경우'싱글투글'을 기반으로 한 간단한 구조 설명이다.
일반 버튼(.btn)에
data-toggle="button"
까지 추가하면 클릭할 때 .active
클래스가 추가되지만 이 클래스를 추가할 때는 CSS로 다양한 스티커를 붙인다.구체적으로 CSS3의
transition
를 사용하여 오른쪽으로 이동합니다.간단하네요... (JavaScript로 구현한 것이 아닙니다. 탓하지 마세요...)원래
float
로 이동하려고 했는데 float
transsition이 효과가 없다고 생각했어요.margin-left:
등으로 움직이고 있어요.결과적으로 버튼 크기가 변경되면 CSS와 같은 스팸 사양을 수정해야 합니다.응.무슨 묘책이 있으면 내가 고칠 것이다.
샘플 코드는 트위터 Bootstrap3에서 실행되지만 트위터 Bootstrap2에도 Single togle Button이 존재하므로 조금만 수정하면 될 것 같습니다.
꼭 활용하세요.
Reference
이 문제에 관하여(트위터 Bootstrap에서 슬라이딩 버튼), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/myun2/items/e5d70b05693c80f6aa84텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)