테이블 요소에 대한 부트스트랩의 텍스트 정렬 클래스
재무 수치와 같이 테이블 내 텍스트를 오른쪽 맞춤으로 정렬해야 했던 적이 있습니까? Bootstrap은 이 작업을 쉽게 처리할 수 있는 클래스를 제공합니다.
Bootstrap 3
Bootstrap 3에서 텍스트를 오른쪽으로 정렬하려면 "text-right" 클래스를 사용하세요.
<code class="html"><th><span class="text-right">Total</span></th> <td><span class="text-right">,000,000.00</span></td></code>
Bootstrap 4
Bootstrap 4에서는 "text-{breakpoint}-{alignment}"를 사용합니다:
<code class="html"><p class="text-xs-left">Left-aligned on all viewports</p> <p class="text-lg-right">Right-aligned on large and wider viewports</p></code>
Bootstrap 5
Bootstrap 5에는 "text-start" 및 "text-end"가 도입되었습니다.
<code class="html"><p class="text-start">Left-aligned text</p> <p class="text-end">Right-aligned text</p></code>
이러한 클래스는 표 내의 텍스트 정렬에 유연성을 제공하므로 프레젠테이션을 쉽게 제어할 수 있습니다. 귀하의 데이터를 삭제하세요.
위 내용은 Bootstrap 테이블에서 텍스트를 정렬하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!