버튼8 [Bootstrap] 부트스트랩 토글 버튼 - 클릭시 서로 색상이 바뀌는 예제 샘플 See the Pen bootstrap toggle button - color change by Woojin Choi (@woojin-choi) on CodePen. 클릭시 버튼 색상이 서로 바뀌는 예제입니다. 단순히 active 클래스만 변경되는 게 아님. 2018. 12. 17. [HTML/CSS] 일명 Sexy CSS Button(버튼)이라고 합니다. FontAwesome을 이용해서 SCSS로 만들어진 버튼인데요. 일명 Sexy SCSS Button이라고 합니다. 그래서 그런지 버튼이 좀 섹시한 것도 같고... CSS로 변환된 소스를 올려봅니다. 2018. 11. 16. [HTML/CSS] 심플하고 단순하지만 깔끔한 구글 버튼 (Google Button) 진짜 심플,단순하지만 깔끔한 구글 버튼입니다.저는 요즘 이런게 좋더군요^^ 종류도 몇 가지 안되네요. 2018. 11. 16. [HTML/CSS] 깔끔하고 심플한 일명 쿨버튼(Cool Button)입니다. 색상별 크기별 다 있습니다. 2018. 11. 16. [CSS] 깔끔하고 심플한 플라스틱 버튼입니다. 설명 필요 없습니다.HTML / CSS로만 만들어졌으므로 소스 참고하시면 됩니다. 2018. 11. 16. [bootstrap] 부트스트랩 – 버튼 그룹의 다양한 크기 버튼 그룹은 총 3가지 크기가 있는데요. 사이트에 맞게 class에 사용하시면 됩니다..btn-group-lg .btn-group-sm .btn-group-xs 2016. 1. 31. [bootstrap] 부트스트랩 – 버튼 툴바(버튼 그룹의 묶음) 버튼을 그룹으로 묶은 것을 다시 그룹화 한 것이 버튼 툴바랍니다. .btn-toolbar 와 role=”toolbar” 속성을 추가해서 구현합니다. … … … 2016. 1. 31. [bootstrap] 부트스트랩 – 버튼을 그룹(Button group)으로 묶어 사용하기 여러개의 버튼을 그룹으로 묶어 사용할 수 있는데 .btn-group 선택자를 사용합니다. Left Middle Right role=”group” 과 aria-label=”…”은 웹 접근성 측면에서 속성을 추가해 줍니다. 2016. 1. 31. 이전 1 다음