프론트엔드 프로그래밍/Bootstrap
-
Jumbotron, Grid, button, Table, Image프론트엔드 프로그래밍/Bootstrap 2022. 1. 26. 22:06
Jumbotron - 일종의 대형 전광판 - 특정 콘텐츠나 관심있는 정보를 눈에 띄게 보여주기 위한 큰 박스 - 예제 : jumbotron.html / jumbotron2.html Jumbotron 둥근 모서리 사각형 영역 Jumbotron container 밖에 있는 jumbotron Jumbotron container 밖에 있는 jumbotron jumbotron-fluid 클래스 : 각진 모서리 지능형 서비스 풀스택 과정 Java / MySQL /HTML / CSS / JavaScript / jQuery / Bootstrap / Servlet / JSP / Spring Framework / AI API 커리큘럼 보기 그리드 (Grid) - 격자 모양으로 영역 분할 가능 - 1행을 12 등분해서 비율..
-
컨테이너프론트엔드 프로그래밍/Bootstrap 2022. 1. 26. 21:52
컨테이너 - 레이아웃 최상위 요소로 다른 요소 포함 - - .container : 반응형 고정 폭 컨테이너 - .container-fluid : 뷰포트 전체 폭까지 늘어나는 최대폭 컨테이너 컨테이너 예제 : container.html - viewport 포함 - : css/bootstrap.min.css - : jquery 파일 소스 지정 - : js/bootstrap.min.js 소스 지정 - 순서 주의!!! - jquery 파일 소스 지정이 먼저 와야 함 Bootstrap 색상 container.html Bootstrap Container Bootstrap Container
-
Bootstrap이란프론트엔드 프로그래밍/Bootstrap 2022. 1. 26. 17:14
Bootstrap - HTML, CSS, JS 라이브러리 - jQuery 기반의 HTM5 Web Framework - 프론트엔드에서 작동되는 프레임워크 - 트위터에서 사용하던 각종 레이아웃, 버튼, 입력 요소 등 UI 요소들을 누구나 사용할 수 있도록 만들어진 오픈 소스 프레임 워크 (라이브러리) - HTML/CSS 기반의 템플릿 양식, 버튼, 내비게이션 등 다양한 UI 요소 포함 - 자바스크립트를 선택적으로 확장 가능 Bootstrap 특징 - 쉽고 편리하게 사용할 수 있음 - HTML/CSS 기본 지식만 있으면 누구나 사용 가능 - 반응형 웹 디자인 - PC 또는 스마트폰이나 태블릿 등의 모바일용 디자인 지원 - 모든 최신 브라우저와 호환 Bootstrap 기능 - CSS 기능 : 디자인이나 스타일 ..