not bad 한 개발

Bootstrap - grid 시스템 본문

Web/Bootstrap

Bootstrap - grid 시스템

leebean 2021. 12. 30. 22:06

(이 글은 Bootstrap 4.5 버전 기준 입니다.)

Bootstrap에는 grid 시스템이라는 것이 존재합니다, 이 시스템은 화면이 일정크기를 넘어가거나 줄어들면 자동적으로 UI가 정렬이 되는 기능입니다, 이 기능 덕분에 PC에서는 UI가 문제가 없지만 모바일에서 UI가 깨지는 문제가 많이 해결되었고 UI를 자동으로 정렬해주기 때문에 개발할 때 상당히 편합니다. 

https://getbootstrap.com/docs/4.5/layout/grid/

 

Grid system

Use our powerful mobile-first flexbox grid to build layouts of all shapes and sizes thanks to a twelve column system, five default responsive tiers, Sass variables and mixins, and dozens of predefined classes.

getbootstrap.com

위의 링크는 Grid 시스템에 대해 상세히 알려주는 사이트 입니다, 코드 뿐만 아니라 예시 이미지도 보여줘서 사용하기좋습니다.

저작자표시

'Web > Bootstrap' 카테고리의 다른 글

Bootstrap - pagination 디자인 변경  (0) 2022.03.06
Bootstrap - Cross fade  (0) 2022.01.10
Bootstrap - 소개  (0) 2021.12.30
'Web/Bootstrap' Related Articles more
Comments