반응형

Bootstrap 2

[Bootstrap] 2. 부트스트랩 반응형 그리드 알아보기

반응형 중에서 가장 많이 쓰이는 container와 container-fluid 차이는 ? container은 여백이 존재한다. 하지만 화면 사이즈가 모바일처럼 줄어든다면 똑같이 보이며 container 안에 다른 container 클래스를 사용이 불가하다. 부트스트랩 Grid layout content 1 content 2 부트스트랩 container, container-fluid Grid 비율 첫번째열 두번째열 세번째열 ※ 부트스트랩의 그리드 시스템에서는 화면사이즈가 작을때(모바일) 우선적으로 적용이 되며 설정한 화면 사이즈 이상일때 원하는 비율로 표시가 된다. 여러개의 그리드 비율을 적용 예시 화면 크기에 따라서 sm 화면기준보다 작을때는 모바일 기준으로 표시가 되고 화면이 점점 커지게 된다면 sm..

Front-End/Bootstrap 2021.06.02

[Bootstrap] 1. 부트스트랩 설치방법 및 시작하기

Bootstrap The most popular HTML, CSS, and JS library in the world. getbootstrap.com 부트스트랩이란? 각종 사용하는 레이아웃, 버튼, 입력창 등의 디자인을 CSS와 Java Script로 만들어 놓은것이며 부트스트랩의 장점 1. 쉽게 반응형 웹사이트 개발 2. 이미 스타일된(CSS) 요소를 사용하여 개발 시간이 절약 된다. 3. 버그 발생 가능성을 처리해줌으로써 개발자가 반복 작업에서 실수하기 쉬운 부분을 커버해줍니다. 4. 유지보수가 효율적이다. 부트 스트랩의 단점 1. 초기 학습시간이 필요하다. 2. 제작자의 의도된 제약 사항에 걸려 유연하게 개발하는데 한계가 있다. 부트스트랩 사용방법 1. CDN 방법 Bootstrap The most..

Front-End/Bootstrap 2021.06.01
반응형