CSS (19) 썸네일형 리스트형 MediaQuery 사용 MediaQuery 는 반응형 웹을 만들때 어떤 특정 조건이 만족하게 되면 적용되는 css 이다 사용 예제) @media(min-width: 578px) { .bg-yellow{ background-color: yellow; } } /* 아래의 media query 의 중괄호 안에 작성한 css 는 조건부로 적용된다 ( ) 안의 조건이 true 인 경우에만 적용된다. 따라서 device 의 폭이 최소 768px 이상이 되어야 지만 적용된다. */ @media(min-width: 768px) { .bg-green { background-color: green; } } p1 입니다 폭이 768px 이상인 경우 배경색이 초록색으로 바뀐다. 폭이 578px~768px 사이인 경우 배경색이 노란색으로 바뀐다. 폭.. Bootstrap Grid 예제 Bootstrap 에서 Grid는 반응형 페이지를 만들 경우에 사용한다. 예제 코드) html 안에 bootstrap 을 로딩시키고 제목 width 100% p 요소 width 100% Lorem, ipsum dolor sit amet consectetur adipisicing elit. Tempora soluta placeat laboriosam, pariatur quidem fuga officia, voluptate qui officiis temporibus reprehenderit vero, porro unde? Aperiam iusto enim saepe non officiis. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Commodi .. Bootstrap 사용하기 Bootstrap 사용법 https://getbootstrap.com/ Bootstrap Powerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to life with powerful JavaScript plugins. getbootstrap.com bootstrap 홈페이지 진입 Docs 클릭 html 파일 안에 표시한 구문들을 입력 하면 bootstrap 사용 준비 완료이다. 사용 예시) 버튼 버튼 버튼 버튼 버튼 버튼 기본적으로 요소 안에 class="" 안에 bootstrap에서 .. 이전 1 2 3 다음
