티스토리

테스트페이지

검색하기

블로그 홈

테스트페이지

prime070.tistory.com/m

prime070 님의 블로그입니다.

구독자: 1

방명록 방문하기

주요 글 목록

부트스트랩의 그리드 1. 부트스트랩의 그리드 웹에서는 레이아웃을 설정하는 것이 어렵다고 한다. 부트스트랩은 반응형 웹을 만들기 위해 그리드 시스템을 활용하고 있다. 부트스트랩에서는 row 클래스와 col 클래스를 통해 레이아웃을 구성할 수 있다. 2. 눈으로 확인하기 부트스트랩과 부트스트랩의 컴포넌트들을 이용하기 위해 CDN을 통해 부트스트랩의 CSS 링크와 JS 플러그인을 적용시 킨다. 그리고 나서 부트스트랩의 그리드를 확인하기 위해 다음과 같은 코드를 태그에 추가해준다. 1 fo 3 2 of 3 3 of 3 그리고 .css 파일을 만들고 다음과 같이 입력한 뒤, HTML 파일과 연결시킨다. .col{ background-color:yellow; border: 2px solid black; } 그러면 다음과 같은 화면이 .. 공감수 0 댓글수 0 2020. 8. 27.
부트스트랩(Bootstrap) 부트스트랩 : 웹의 프론트엔드 개발에 대한 구조를 미리 만들어 둔 프레임워크 https://getbootstrap.com/ Bootstrap The most popular HTML, CSS, and JS library in the world. getbootstrap.com 1. CDN을 통한 부트스트랩 사용 위의 링크를 통해 부트스트랩의 홈페이지에 접속하면 다음과 같은 화면을 볼 수 있다. 부트스트랩은 CSS와 JS로 컴파일 된 파일을 다운받아 사용하는 방법과 콘텐츠 전송 네트워크(Content Delivery Network)를 이용하는 방법이 있다. CDN은 콘텐츠를 빠르게 전송하기 위해 여러 노드를 가진 네트워크에 데이터를 저장하여 제공하는 시스템을 말한다. 부트스트랩은 사용자를 위해 부트스트랩 CS.. 공감수 0 댓글수 0 2020. 8. 27.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.