bootstrap4.0과 3.0의 차이점은 무엇입니까

차이점: 1. Bootstrap3은 부동 레이아웃을 사용하고 Bootstrap4는 플렉스 레이아웃을 사용합니다. 2. Bootstrap4의 그리드 시스템은 지정된 수의 열을 추가할 필요가 없지만 Bootsrap3은 그럴 수 없습니다. 3. Bootstrap3에는 4개의 그리드 유형이 있고 Bootstrap4에는 5가지 그리드 종류.

이 튜토리얼의 운영 환경: Windows 7 시스템, bootsrap4 버전, DELL G3 컴퓨터

Bootstrap4와 Bootstrap3의 차이점

• Bootsrap3은 부동 레이아웃을 사용하고 Bootstrap4는 플렉스 레이아웃을 사용합니다

• Bootstrap4 그리드 시스템은 행과 같은 지정된 수의 열을 추가할 필요가 없습니다. 2개의 열이 있으며 행은 어떤 크기에서도 균등하게 나누어집니다.

• Bootstrap3에는 4가지 유형의 그리드만 있습니다. 유형: (col-xs extra small, col-sm small, col-md, Medium col-lg Large)

• Bootstrap4에는 5가지 래스터 유형이 있습니다(col-extra small, col-sm-small, col-md- Medium, col-lg-large, col-xl -Extra Large)

• Bootstrap4는 rem 단위를 사용합니다

• Bootstrap4는 offset-sm-4를 통해 열 오프셋을 설정하고 Bootstrap3은 col-sm-offset-을 사용합니다. 4

• Bootstrap4는 컨테이너-sm, 컨테이너-md...와 같은 반응형 컨테이너를 추가합니다. 화면 크기가 그리드 클래스보다 작으면 전체 화면을 차지합니다

참고:

Bootstrap3의 hidden-xs,visible-xs클래스는 Bootstrap 4에서는 사용할 수 없습니다

Bootstrap 4의 경우 특정 크기로 숨기려면 다음 표를 참조하세요

XHidden-XLiD-XL-Nonevisible-XSd-SM-Nonevisible-SM-SM- BLOCK D-MD-Nonevisible- mdd-md-block d-lg-nonevisible-lgd-lg-block d-xl-nonevisible- xld-xl-block 상위 호환 숨기기, 하위 호환 표시[관련 권장 사항: "

Bootstrap3	Bootstrap4
hidden -xs	d-sm-block
hidden-sm	d -sm-none d-md-block
hidden-md	d-md-none d-lg-block
hidden-lg	d-lg-none d-xl-block
	B3에서 Hidden-SM을 사용하면 sm 크기로만 숨겨지고, 다른 크기는 B4에서 d-sm만 지정하면 정상적으로 표시된다는 점을 언급할 가치가 있습니다. -none, sm 크기에서는 요소가 숨겨지지만 sm 이상의 크기도 숨겨지고, sm 미만의 크기도 정상적으로 표시됩니다. 이는 상위 호환성 문제와 관련되므로 sm 요소를 숨기도록 설정할 때 반드시 또한 위 표에 표시된 대로 md 크기 표시를 설정하고 다른 사람들도 설정합니다.

부트스트랩 튜토리얼

"]

위 내용은 bootstrap4.0과 3.0의 차이점은 무엇입니까의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!