내 텍스트가 Bootstrap 4 열의 중앙에 위치하지 않는 이유는 무엇입니까?

Bootstrap 4에서 col-xs-*의 텍스트 정렬 문제

Bootstrap 4에서 열 중앙에 텍스트를 정렬하려고 할 때 col-xs-12를 사용하면 정렬이 실패합니다. 이 동작은 이전 버전의 Bootstrap과 다릅니다.

설명

Bootstrap 4에서는 col-xs-* 클래스가 더 이상 사용되지 않고 col-*를 대신합니다. col-xs-12와 동일한 효과를 얻으려면 대신 col-12를 사용하세요.

해결책

다음 줄을 바꾸세요.

<div class="col-xs-12 text-center">

다음과 함께:

<div class="col-12 text-center">

추가 참고

• Bootstrap 4에서는 col-xs-offset-{n} 클래스도 offset-{n}으로 대체되었습니다.
• 필요한 CSS와 Bootstrap 4용 JavaScript 파일이 코드에 포함되어 있습니다.

위 내용은 내 텍스트가 Bootstrap 4 열의 중앙에 위치하지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!