> 웹 프론트엔드 > 프런트엔드 Q&A > 부트스트랩에는 여러 텍스트 클래스가 있습니다.

부트스트랩에는 여러 텍스트 클래스가 있습니다.

青灯夜游
풀어 주다: 2022-01-10 10:56:07
원래의
1820명이 탐색했습니다.

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" 클래스 텍스트 스타일

텍스트 레이아웃 클래스 클래스

description.smallset small 텍스트 (부모 텍스트 크기의 85%로 설정) .text- left텍스트 정렬 설정 왼쪽.text-center텍스트 정렬을 가운데로 설정.text-right텍스트 오른쪽 정렬 설정.text-justify텍스트 정렬 설정 , 문단 너머 화면의 텍스트는 자동으로 줄 바꿈됩니다. .text-nowrap 문단의 화면을 넘는 부분은 줄 바꿈되지 않습니다. .text-lowercase텍스트를 소문자로 설정하세요. .text-uppercase텍스트를 대문자로 설정 .text-capitalize단어의 첫 글자를 대문자로 설정
기타:

수업

설명 .text-hide 페이지 요소 변경 텍스트 내용 포함 배경 이미지로 교체부트스트랩 기본 튜토리얼을 방문하세요! !
부트스트랩에 대한 자세한 내용을 보려면

위 내용은 부트스트랩에는 여러 텍스트 클래스가 있습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿