::public/Bootstrap11 Bootstrap - 테이블 2021. 8. 6. Bootstrap - 컴포넌트(버튼) [참고] http://bootstrapk.com/components/#btn-groups 버튼 그룹 버튼 드롭 다운 2021. 8. 6. Bootstrap - 레이아웃 부트스트랩 그리드 시스템 ; 반응형 웹을 구현해야 할 경우 사용 .container 또는 .container-fulid 클래스가 필요.(적절한 정렬과 패딩) 1행을 표현할 때는 row 클래스 사용. 디바이스 크기를 지정할 때 lg, md, sm, xs로 지정이 가능하다. (ex. col-lg-*. col-md-*. col-sm-*. col-xs-*) 그리드를 표현하고자 할때 col-크기-값 형태로 표현. 화면 크기 12등분을 기준으로 함. 1행에 열의 총 합산값이 12가 되어야 함. 화면사이즈 표현 768px 보다 클때 col-sm-(n) 992px 보다 클때 col-md-(n) 1200px 보다 클때 col-lg-(n) 768px 보다 작을 때 col-xs-(n) 2021. 8. 6. Bootstrap 시작. [v5.0] 다운로드. https://getbootstrap.com/docs/5.0/getting-started/download/ [v3.4] 다운로드. https://getbootstrap.com/docs/3.4/ *소프트웨어 관련 플러그인이나 템플릿이 v3 기준으로 만들어진 경우가 많음. 부트스트랩을 사용하기 위한 코드는 브라우저가 스크립트 파일을 읽는 시간이 걸리기 때문에 제일 마지막에 로드하도록 작성하기. v3에선 secondary, light, dark와 outline 이 안먹힘. 2021. 8. 6. Bootstrap 이란? 부트스트랩은 동적인 웹 사이트 및 웹 응용 개발을 위한 프론트엔드 프레임워크. 입력 창, 버튼, 네비게이션 및 기타 구성물, 각종 레이아웃 등을 HTML 및 CSS 기반의 디자인 템플릿으로 제공하며 추가적인 자바스크립트 확장들도 포함함. 타이포그래피 및 각종 메뉴를 포함한 웹 페이지에서 사용되는 거의 모든 요소를 내장하고 있음. https://getbootstrap.com/docs/5.1/getting-started/introduction/ Introduction Get started with Bootstrap, the world’s most popular framework for building responsive, mobile-first sites, with jsDelivr and a template.. 2021. 8. 5. 이전 1 2 다음
