본문 바로가기
728x90
반응형

부트스트랩2

[ToyProject 03] Bootstrap을 활용한 반응형 웹 구현 깃허브에서 전체 코드 및 결과 화면 보기! 📘 오늘의 프로젝트 주제 Bootstrap 프레임워크 기반 웹 페이지 구현 💻 프로젝트 실행환경 개발 언어 : html, css 개발 도구 Visual Studio Code Google Chrome Browser Bootstrap v5.0 👊 프로젝트 목표 Bootstrap 프레임워크를 활용해서, 자유자재로 커스터마이징하여 요구사항에 맞게 변형할 수 있다! `grid` , `layout`, `position`, `flex`, `component` 등을 자유롭게 활용하고 응용해보자! 📗 공부한 내용 [ 반응형 웹 (responsive web) ] 1. 미디어 쿼리 반응형 디자인의 핵심 구성 요소! ~~부트스트랩이 더 간단하기 때문에 참고용으로 알고있자~~ [ 기본.. 2021. 2. 5.
[부트스트랩/BootStrap] 반응형 웹, 미디어쿼리, 부트스트랩(그리드, 테이블) [ 반응형 웹 ] 다양한 기기(모바일, 태블릿, PC 등)에 최적화된 화면을 제공하는 것을 말한다. 즉, 스마트 폰에서는 작은 화면에 최적화된 화면을 보여주고, PC와 같이 큰 화면에는 이에 최적화되도록 변경하여 보여주는 것을 의미한다. [ @media : 미디어 쿼리 ] HTML5, CSS3 에 의해 지원되는 미디어 쿼리는 반응형 웹의 핵심 기술이다. 미디어쿼리는 화면의 종류와 크기에 따라 디자인을 달리주는 CSS 기술이다. > 미디어쿼리를 사용하기 위한 선언부 (view meta tag) [ BootStrap 부트스트랩 ] 반응형 웹 사이트를 개발하기 위한 HTML, CSS, JavaScript의 프레임워크이다. > 공부를 위한 사이트 : https://www.w3schools.com/bootstra.. 2020. 9. 14.
728x90
반응형