웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
부트스트랩 관련 버튼안에 체크박스
2015.01.25 10:40
버튼을 클릭시 체크박스 클릭이 되도록 스마트폰을 위한 선택을 하였는데.
<button .........>
<input type=체크박스">
</button>
익스에서는 먹히지 않네요.ㅠㅠ 크롬 유저라서 잘되는지 알고 모든 버튼에 적용시켯다가
낭패를 봤는데 그러다 알게 된것이 data-toggle 인데
<button ......... data-toggle='buttons'>
<input type=체크박스" data-toggle='체크박스'>
</button>
(여기서 버튼경우 data-toggle명은 button => buttons 가 맞습니다. button으로 했다간 또 낭패를.)
이렇게 data토글을 지정해주게 되면 익스10 익스9...까지는 되지만
익스8에선 버튼안에 체크박스 자체가 안보이네요 ㅠㅠ 또 낭패를 봤기에
좋은 플러그인 찾다가 스위치를 써야겟다고 생각에 아이폰스위치를 보다가
부트스트랩 스위치 플러그인도 잇어서 글 남겨드립니다.
http://www.bootstrap-switch.org/
해당 스위치는 익스8에선 디자인이 없이 체크박스가 보이고 스마트폰에서 사용이 용이하다고 생각됩니다~
그냥 꿀팁! (물론 button 속성안에 익스8이라면 안보이게 처리한다면 되는것을..)