[css] Bootstrap 3이 box-sizing : border-box로 전환 한 이유는 무엇입니까?

내 Bootstrap 테마를 v2.3.2에서 v3.0.0으로 마이그레이션하고 있는데 한 가지 알아 차린 점은 bootstrap.css의 다음 스타일로 인해 많은 차원이 다르게 계산된다는 것입니다.

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

누구든지 Bootstrap이 모든 요소의 상자 크기를 테두리 상자로 전환하는 이유를 설명 할 수 있습니까? 나는 그것이 퍼센트 기반의 새로운 그리드 시스템과 관련이 있다고 생각하지만 위의 선택기는 그리드 요소에만 적용되는 것은 아닙니다.

약간 급진적 인 imho 같네요 🙂

누구든지 통찰력을 줄 관심이 있습니까?

답변