일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- SWiFT
- bootstrap
- 객체
- 차이점
- 제어문
- Gradle
- programmers
- jQuery
- 전의 의존성
- AWS
- 함수
- 2차원 객체배열
- switch-case
- Java
- 상속
- CKEditor4
- guard
- PHP
- DatePicker
- 클래스
- EC2
- class
- 옵셔널
- Xcode
- 자료불러오기
- pagination
- amazon
- Spring
- 사용법
- CodeIgniter
Archives
- Today
- Total
not bad 한 개발
Bootstrap - grid 시스템 본문
(이 글은 Bootstrap 4.5 버전 기준 입니다.)
Bootstrap에는 grid 시스템이라는 것이 존재합니다, 이 시스템은 화면이 일정크기를 넘어가거나 줄어들면 자동적으로 UI가 정렬이 되는 기능입니다, 이 기능 덕분에 PC에서는 UI가 문제가 없지만 모바일에서 UI가 깨지는 문제가 많이 해결되었고 UI를 자동으로 정렬해주기 때문에 개발할 때 상당히 편합니다.
https://getbootstrap.com/docs/4.5/layout/grid/
위의 링크는 Grid 시스템에 대해 상세히 알려주는 사이트 입니다, 코드 뿐만 아니라 예시 이미지도 보여줘서 사용하기좋습니다.
'Web > Bootstrap' 카테고리의 다른 글
Bootstrap - pagination 디자인 변경 (0) | 2022.03.06 |
---|---|
Bootstrap - Cross fade (0) | 2022.01.10 |
Bootstrap - 소개 (0) | 2021.12.30 |