>  기사  >  웹 프론트엔드  >  Bootstrap 4에서 페이지 매김을 정렬하는 방법은 무엇입니까?

Bootstrap 4에서 페이지 매김을 정렬하는 방법은 무엇입니까?

王林
王林앞으로
2023-09-16 10:05:021324검색

如何在 Bootstrap 4 中对齐分页?

Bootstrap 4는 반응형 모바일 우선 웹사이트를 만들기 위한 인기 있는 프런트 엔드 프로그래밍 프레임워크입니다. 현대적이고 아름다운 모양의 웹사이트를 빠르게 구축하는 데 사용할 수 있는 탐색 모음, 양식, 버튼, 모달 등과 같은 다양한 CSS 및 JavaScript 요소를 제공합니다.

Bootstrap 4의 페이지 정렬은 페이지 매김 구성 요소가 배치되는 방식을 나타냅니다. 그러나 페이지 매김은 일반적으로 중앙에 위치합니다. justify-content-* 클래스는 왼쪽 또는 오른쪽 정렬을 허용합니다.

방법

Bootstrap 4에서 페이지 매김을 정렬하는 방법은 다양합니다 -

  • .justify-content-* 클래스를 사용하세요

  • 텍스트* 수업을 사용하세요

이제 예시를 통해 각 방법을 자세히 알아볼까요?

방법 1: ".justify-content-* 클래스"를 사용하세요

Bootstrap 4에서 페이지 매김을 정렬하는 첫 번째 방법은 ".justify-content-* 클래스를 사용하는 것"입니다.

여기에서는 단계별 예를 통해 이 방법을 구현하겠습니다. -

1단계 - Bootstrap 4 JavaScript 및 CSS 파일이 HTML 문서의 헤드에 포함되어 있는지 확인하세요.

2단계 - 페이지 매김 구성 요소를 빌드하려면 페이지 매김 클래스를 사용하여

성명:
이 기사는 tutorialspoint.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제