Twitter Bootstrap을 사용하여 테이블의 텍스트를 정렬하려면 어떻게 해야 합니까?

Twitter Bootstrap의 테이블 텍스트 정렬

Twitter의 Bootstrap 프레임워크에서는 지정된 텍스트 정렬 클래스를 사용하여 테이블 내의 텍스트를 정렬할 수 있습니다.

부트스트랩 3

• text-left: 왼쪽 정렬 텍스트
• text-center: 가운데 정렬
• text-오른쪽: 오른쪽 정렬 텍스트

Bootstrap 4

• text-xs-{left|center|right}: 모든 뷰포트 크기에 맞게 텍스트 정렬
• text-{sm|md|lg|xl}-{left|center|right}: 특정 뷰포트 크기에 맞게 텍스트 정렬

Bootstrap 5

• text-start: 왼쪽 정렬 텍스트(텍스트 왼쪽 대체)
• text-end: 오른쪽 정렬 텍스트(텍스트 오른쪽 대체)

예 :

표 셀의 합계를 오른쪽으로 정렬:

<th class="text-end">Total</th>

<td class="text-end">,000,000.00</td>

추가 참고 사항:

• 제공된 예제는 테이블 헤더(th) 및 데이터 셀(td) 내에서 텍스트를 정렬합니다.
• 텍스트 정렬 클래스에 대한 자세한 내용은 공식 Bootstrap 문서를 참조하세요.

위 내용은 Twitter Bootstrap을 사용하여 테이블의 텍스트를 정렬하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!