이윰

본문 바로가기

테마코드 활용 (BS3용)

본 페이지의 테마코드 활용법은 이윰빌더 시즌4 부트스트랩3 기반의 테마코드 활용법입니다.

2022년 01월 이후 선보인 이윰빌더 시즌4 부트스트랩5 기반의 테마코드 활용법은 아래 링크를 참조하여 주시기 바랍니다.
https://eyoom.net/page/eb45_code_1

그리드 시스템

부트스트랩은 기기나 뷰포트 크기가 증가함에 따라 12 열이 적절하게 확대되는 반응형, 모바일 우선 유동 그리드 시스템입니다.

자세히 보기
타이포그래피

제목, 인용구, 목록, 텍스트 컬러, 경보, 툴팁, 팝오버, 헤드라인 등 텍스트와 관련된 요소들의 활용법 모음입니다.

자세히 보기
컬러 & 버튼

테마에서 자주 사용되는 색상, 버튼, 버튼 상태, 버튼 크기, 버튼 종류, 드롭다운 버튼 등의 유용한 활용법입니다.

자세히 보기
컴포넌트

라벨, 배지, 소셜아이콘, 진행바, 패널등 테마에서 유용하게 사용할수 있는 각 구성 요소를 확인해 보시기 바랍니다.

자세히 보기
테이블 & 탭

다양한 테이블과 반응형으로 사용할수 있는 테이블의 활용 코드 및 Accordion, Collapse, 탭 활용 코드입니다.

자세히 보기
모달 & 라이트박스

활용성이 좋은 부트스트랩 모달 사용법과 그와 유사한 JS, jQuery 플러그인인 Sweetalert2, 라이트박스 등의 활용법 모음입니다.

자세히 보기
기본 폼

Eyoom Form이 적용된 Input, Textarea, Select, Checkbox, Radio, Switch, Toggle 등의 코드 활용법입니다.

자세히 보기
확장된 폼

JS, jQuery 플러그인(Selectize, Clockpicker, Timepicker, Datepicker 등)을 활용하여 확장된 폼의 사용법을 확인 해 보세요.

자세히 보기
아이콘

부트스트랩에서 제공하는 아이콘과 Font Awesome 5의 무료 아이콘은 사용법이 간단하며, 다양한 아이콘을 이용하실 수 있습니다.

자세히 보기
사이트 내 전체검색