목록#BootStrap (16)

웹솔루션개발 25년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] 부트스트랩을 이용한 콘텐츠 숨김,표시처리 스타일

부트스트랩을 이용하여, 많은 양의 콘텐츠 내용을 숨김처리했다가, 버튼 클릭 이벤트를 통해 표시하는 스타일입니다. 간략내용만 보여줬다가 버튼 클릭시 내용 전체를 보여줄 수 있습니다. 내용이 많거나, 다양한 디자인 구성에 이용할 수 있습니다. 버튼 스타일도 제어가 가능합니다
웹프로그램밍 자료실/기타 자료 2018. 5. 31. 09:14
[해피CGI][cgimall] 부트스트랩을 이용한 진행률 표시 스타일

부트스트랩을 사용하여 진행과정을 표시하는 스타일입니다. 그 중에서도 가장 기본적인 진행 막대입니다. aria-valuenow 수치와 스타일에 수치를 조절하여 진행율을 표시할 수 있습니다. 위 진행막대를 이용하여 여러곳에 이용가능합니다.
웹프로그램밍 자료실/플래시 자료 2018. 5. 30. 09:07
[해피CGI][cgimall] JQuery을 이용한 객체 검색기능 Bootstrap Filters

부트스트랩에는 필터링기능이 없으나, JQuery를 이용하여 구성요소를 필터링 검색할 수 있습니다. 대 소문자 구분없이 테이블 항목의 내용을 검색할 수 있습니다. 검색 및 필터검색에 따라 해당하지 않는 객체 항목은 숨김처리됩니다. 위 사이트에는 드롭다운형 필터 검색 기능, 일반 내용, 버튼 등도 검색/필터에 적용되어 디스플레이 처리 됩니다.
웹프로그램밍 자료실/JAVA 자료 2018. 4. 5. 09:11
[해피CGI][cgimall]bootstrap을 이용한 간단한 드롭다운 메뉴

복잡한 자바스크립트 소스 대신 간단하게 bootstrap을 활용한 드롭다운 메뉴 소스입니다. 기본 적인 1차 메뉴 구성 및 1차 메뉴 마우스 오버 효과는 물론이고 클래스 지정을 통해 간단하게 2차 드롭다운 메뉴 구성도 가능합니다. 다른 클래스(.nav-stacked) 지정으로 상하 메뉴 구성도 손쉽게 가능합니다.
웹프로그램밍 자료실/HTML 자료 2017. 10. 24. 08:53
[해피CGI][cgimall]마우스 스크롤링을 이용한 페이지 섹션을 타켓팅 할 수 있는 bootstrap

bootstrap Scrollspy 플러그인을 이용하여 마우스 스크롤링시 페이지의 특정 섹션을 타겟팅 할 수 있습니다. 원 페이지 형태의 사이트 제작시에 유용한 소스이며, 메뷰바의 ID값과 섹션의 링크 ID값이 일치하면 되고, 메뷰바의 활성상태 변경 속도도 제어가 가능합니다. 여러모로 활용이 가능한 bootstrap 소스입니다.
웹프로그램밍 자료실/HTML 자료 2017. 10. 19. 08:49
[해피CGI][cgimall]Calculator Using JavaScript and Bootstrap

자바스크립트로 구현된 계산기 프로그램입니다. 다운로드 받은 파일의 압축을 풀고, index.html 을 웹브라우저로 열어보면 확인이 됩니다. 웹페이지에 간단하게 계산기를 달아야 할때 사용하면 좋을것 같네요. HTML 소스코드도 생각보다 단순하며, 기본적인 사칙연산 및 초기화 기능정도로 구성되어 있습니다. 출처는 https://www.sourcecodester.com/javascript/11450/calculator-using-javascript-and-bootstrap.html 입니다.
웹프로그램밍 자료실/JAVA 자료 2017. 8. 11. 09:19
Prev 1 2 Next