bootstrap을 이용해 웹 페이지 만들기

 

• UI/UX 반응형 웹디자인&웹퍼블리셔 개발자 과정 - DAY 85

---

Review

 

 

 

 

 

 

---

 

• UI/UX 반응형 웹디자인&웹퍼블리셔 개발자 과정 - DAY 85

 

https://getbootstrap.com/

Bootstrap

 

 

부트스트랩에서 carousel 데모를 다운 받아서 디뮤지엄 웹 페이지를 리뉴얼했다.

 

위의 슬라이드가 바로 carousel plug-in을 이용한 것이고, 하단 section부터는 디뮤지엄의 페이지를

참고해서 만든 것이다. 

 

 

전체 페이지 (가로: 1900px)

 

 

 

 

가로: 1400px일 때

 

 

 

 

 

 

가로: 1200px일 때

 

 

 

 

 

가로: 983px일 때

 

 

 

 

 

가로: 860px일 때

 

 

 

 

가로: 767px일 때

 

가로 크기가 767px일 때부터 햄버그 버튼이 생기면서 nav가 숨겨진다.

 

 

 

 

 

가로: 575px일 때

 

 

가로: 480px일 때

 

 

 

가로: 400px일 때

 

 

 

 

 

 

* 이미지 출처

: https://daelimmuseum.org/

, instagram (@postershop.kr)