"일꾼이 일을 잘하려면 먼저 도구를 갈고 닦아야 한다." - 공자, 『논어』.
첫 장 > 프로그램 작성 > 부트 스트랩 3이 기본적으로`box-sizing : border-box`를 선택하는 이유는 무엇입니까?

부트 스트랩 3이 기본적으로`box-sizing : border-box`를 선택하는 이유는 무엇입니까?

2025-05-03에 게시되었습니다
검색:602

Why Did Bootstrap 3 Choose `box-sizing: border-box` as the Default?

공식 릴리스 노트는 변경이 "그리드 시스템을 향상시키고 사이징 옵션을 단순화하는 것"을 목표로한다는 것을 나타냅니다. 모든 요소를 ​​포괄함으로써 테두리 박스 속성은 특히 그리드 시스템 내에서 크기 조정에 대한보다 쉽게 ​​계산할 수 있습니다. 그러나 홈통은 양쪽에 15px 패딩으로 고정 된 픽셀 너비를 유지합니다. 전통적 으로이 조합은 사용 된 다른 단위로 인해 복잡한 계산으로 이어질 수 있습니다.

그러나 Border-Box는 선언 된 요소 너비 내에 테두리와 패딩을 포함 하여이 프로세스를 단순화합니다. 이는 요소가 차지하는 영역을 효과적으로 확장하여 열을 쉽게 정렬하고 전체 그리드 레이아웃을 결정할 수 있도록합니다.

더욱 그렇습니다. 또한 Border-Box의 채택은 업계 모범 사례와 일치합니다. Paul Irish와 같은 전문가들은 정확한 레이아웃 제어, 응답 성 및 전반적인 CSS 유지 관리에 대한 이점을 인용하여 광범위한 채택을 옹호했습니다.

최신 튜토리얼 더>

부인 성명: 제공된 모든 리소스는 부분적으로 인터넷에서 가져온 것입니다. 귀하의 저작권이나 기타 권리 및 이익이 침해된 경우 자세한 이유를 설명하고 저작권 또는 권리 및 이익에 대한 증거를 제공한 후 이메일([email protected])로 보내주십시오. 최대한 빨리 처리해 드리겠습니다.

Copyright© 2022 湘ICP备2022001581号-3