부트스트랩(BOOTSTRAP)4를 활용한 반응형 웹페이지 만들기 실전편[2024년 최신판]
01
부트스트랩4를 활용하여 반응형 실무 웹 만들기[실전편]
step01-상단에 캐로셀 만들기
체험하기
step02-로딩이미지와 네비게이션 바
step03-그리드 시스템의 활용
step04-스크롤시 상단에 달라붙는 sticky-top 네브바와 자동으로 메뉴가 활성화되는 scrollspy & 메뉴 클릭시 컨텐츠로 스르륵 이동하는 외부 플러그인의 활용
step05-반응형 레이아웃
step06-디바이스 사이즈에 따라 보이고 숨기는 반응형 동영상 넣기
step07-카드 컨텐츠와 부트스트랩 아이콘의 활용
step08-카카오맵 api 로 원하는 위치의 지도넣기
step09-아코디언을 활용한 FAQ & 폼을 활용한 문의사항
step10-폰트어썸 아이콘을 활용한 반응형 footer
step11-waypoint 와 animate.css 외부 플러그인을 활용하여 스크롤의 위치나 방향에 따라 컨텐츠에 애니메이션을 주는 동적기능 완성
step01-상단에 캐로셀 만들기
01 부트스트랩4를 활용하여 반응형 실무 웹 만들기[실전편]
Loading...
100%
step01-상단에 캐로셀 만들기
첨부파일
1
개
전체 다운로드
부트스트랩4를 이용한 반응형 웹제작_실습소스.zip
질문하기
추가 자료
추가 자료가 없습니다
여기서 새로운 학습 자료를 확인하세요!
선생님이 추가한 자료들을 바로 확인할 수 있어요.