bootstrap에는 ".text-muted", ".text-primary", ".text-success", ".text-info", ".text-warning", ".text-danger" 등 많은 텍스트 클래스가 포함되어 있습니다.” , ".small" 등
이 튜토리얼의 운영 환경: Windows 7 시스템, 부트랩 버전 3.3.7, DELL G3 컴퓨터
소스 코드:
실행 효과:
지침:
텍스트 색상 카테고리
다음 클래스에 따라 텍스트 색상이 달라집니다. 텍스트가 링크인 경우 마우스를 그 위로 이동하면 텍스트가 어두워집니다.
class | 설명 |
---|---|
.text-muted | 클래스의 "텍스트 음소거" 텍스트 스타일 |
.text-primary | "text-primary" 클래스 텍스트 스타일 |
.text-success | "text-success" 클래스 텍스트 스타일 |
.text-info | "text-info " text-warning" 클래스 텍스트 스타일 |
.text-warning | "text-warning" 클래스 텍스트 스타일 |
.text-danger | "text-danger" 클래스 텍스트 스타일 |
텍스트 레이아웃 클래스 클래스
.small | set small 텍스트 (부모 텍스트 크기의 85%로 설정) |
---|---|
.text- left | 텍스트 정렬 설정 왼쪽 |
.text-center | 텍스트 정렬을 가운데로 설정 |
.text-right | 텍스트 오른쪽 정렬 설정 |
.text-justify | 텍스트 정렬 설정 , 문단 너머 화면의 텍스트는 자동으로 줄 바꿈됩니다. |
.text-nowrap | 문단의 화면을 넘는 부분은 줄 바꿈되지 않습니다. |
.text-lowercase | 텍스트를 소문자로 설정하세요. |
.text-uppercase | 텍스트를 대문자로 설정 |
.text-capitalize | 단어의 첫 글자를 대문자로 설정 |
기타: |
수업
.text-hide | 페이지 요소 변경 텍스트 내용 포함 배경 이미지로 교체 |
---|---|
부트스트랩에 대한 자세한 내용을 보려면 | 부트스트랩 기본 튜토리얼
위 내용은 부트스트랩에는 여러 텍스트 클래스가 있습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!